create function for tab buttons to add class and display container and hide another

<div id="gallery-type-toggle" class="filter-gallery-tabs d-flex w-100" >
    				        <div id="gallery-type-white" class="filter-gallery-tab-btn d-flex" data-diamond="white">White</div>
    				        <div id="gallery-type-coloured" class="filter-gallery-tab-btn d-flex active" data-diamond="coloured">Coloured</div>
    				    </div>

iif  id="gallery-type-coloured" is clicked add active class to id="fancycolouredwrap". if id="gallery-type-white
is clicked hide id="fancycolouredwrap".




connect code below to woocommerce product data and when filter items is clicked or filter data value changed
use ajax to refresh data. when data has changed show loader  until data is fully loaded

display filter product data results in class="ss-body-details  and cycle through