Content tabs not working on collection page

[AksharBhakti]

Hello,

I want to use content in tabs on my collection pages. I found html code to do the same. I am able to use same code in product description and it worked perfectly fine on product pages. But the same is not working on collection pages. I am not able find a fix for this issue. Can someone help please?

Product description page where tabs are working fine: https://www.aksharbhakti.com/products/1-mukhi-rudraksh-navratna-pendant

Product collection page where tabs are not working properly: https://www.aksharbhakti.com/collections/pooja-items

Below is the HTML code I have used in editor for collection and product description. 

<ul class="tabs">
<li><a class="active" href="#tab1">Tab 1</a></li>
<li><a href="#tab2">Tab 2</a></li>
<li><a href="#tab3">Tab 3</a></li>
</ul>
<ul class="tabs-content">
<li class="active" id="tab1">
<p>Tab 1 content goes here.</p>
</li>
<li id="tab2">
<p>Tab 2 content goes here.</p>
</li>
<li id="tab3">
<p>Tab 3 content goes here.</p>
</li>
</ul>

[RajatWeb]

Hi @AksharBhakti,

Tab won't work with the only HTML you also need to add jQuery (Javascript) code to trigger tabs.

Thanks

[AksharBhakti]

Thanks, but the same code works on product pages without adding any extra Jquery. Thats why I am a bit confused.