Hid content if tab not active

Store Design
, , , ,
1

Hi,

I want to hide the drop down content if tab is not clicked or active, my site is GUESS GIRL BELLE 3.4 EAU DE TOILETTE SPRAY FOR WOMEN - 100% Authentic

IMG_1392
IMG_13921179×2556 178 KB

2

You can check on tab setting on product page, check on each block tab you added if here has option allow active default you can turn it off.

If theme not support, you need check in code the script that active first item you can remove that.

Hope it’s helpful to you!

3

If you are using a metafield for your tab, please add liquid code to check that it is not blank in your tab liquid file to hide an empty tab.
For example code

{% if product.metafields.custom.field != blank and product.metafields.custom.field != '""' %}
  <div class="tabbed-content__content-item--active">
    {{ product.metafields.custom.field }}
  </div>
{% endif %}