Почему некорректно работает код в краткое описание и полное описание товара?

Question

[LastGeneral]

Столкнулся с такой проблемой, вставляю код 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");

Comments

[Артем Золин]

Наверняка какие-то классы перебивают, проверяйте

[LastGeneral]

Артем Золин, в том то и дело что нет, и ошибок никах в панели разработчика нет

[LastGeneral]

Артем Золин, Делаю новую страницу, вставляю код и все работает, вставляю его в Краткое описание товара, и все перестает работать корректно

[LastGeneral]

Сжал html код и начало работать