@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");
  • Вопрос задан
  • 24 просмотра
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы