Столкнулся с такой проблемой, вставляю код html для табов, в краткое описание товара и он не работает корректно, когда в любое другое место на сайте, то все работает как надо. Уже голову сломал с чем это может быть связанно
<section class="tabs delivery-tabs__wrap">
<div class="tabs-link">
<span class="tab">Доставка</span>
<span class="tab">Оплата</span>
<span class="tab">Гарантія</span>
</div>
<div class="tab-content">
<div class="tab-item">
1
</div>
<div class="tab-item">
2
</div>
<div class="tab-item">
3
</div>
</div>
</section>
.best-product {
padding-top: 3em;
padding-bottom: 3em;
}
.tabs .tabs-link {
display: flex;
justify-content: center;
margin-bottom: 3em;
}
.tabs .tab {
text-align: center;
padding-left: 15px;
padding-right: 15px;
width: 200px;
padding: 10px 0;
align-items: center;
font-size: 16px;
cursor: pointer;
border-bottom: 1px solid #e8e7e7;
transition: .2s linear;
}
.tabs .active-tab,
.tabs .tab:hover {
font-weight: 600;
border-bottom: 1px solid #e38b22;
}
.tabs .tab-item {
display: none;
}
.tabs .tab-item:first-child {
display: block;
}
jQuery(".tabs-link .tab").click(function() {
jQuery(".tabs .tab").removeClass("active-tab").eq(jQuery(this).index()).addClass("active-tab");
jQuery(".tab-item").hide().eq(jQuery(this).index()).fadeIn()
}).eq(0).addClass("active-tab");
