Создайте кнопки и присвойте каждой класс .tab-btn
Вставьте ссылки в каждую кнопку #tab1, #tab2, #tab3 и так далее
Создайте свои zero-блок и присвойте им классы .uc-tab1, .uc-tab2, .uc-tab3 и тд.
Вставьте код на страницу
в блок "Другое" - Т123
Измените цвет #ff005a фона активной
вкладки на свой и color (цвет текста)
<!-- Код для переключения между вкладками v.2 -->
<!-- https://youx.agency/sozdaem-blok-s-tabami-pereklyuchenie-neskolkih-zero-block-cherez-knopki -->
<style>
/* Фон для активной вкладки (когда выбрана) */
.my-active-class {
background: #3B2913 !important;
}
/* Текст белый у активной вкладки постоянно */
.my-active-class .tn-atom__button-text {
color: #ffffff !important;
}
/* При нажатии (удержании) — текст белый у любой кнопки */
.tn-atom__button-text:active {
color: #ffffff !important;
}
/* Исходный цвет текста (для неактивных и без нажатия) */
.tn-atom__button-text {
color: #121212;
transition: color var(--t396-speedhover, 0s) ease-in-out;
}
</style>
<script>
// Твой скрипт остаётся без изменений
$('[class*="uc-tab"]').not('.uc-tab1').fadeOut(0);
$('[href="#tab1"]').addClass('my-active-class');
$('.tab-btn a').click(function(e) {
e.preventDefault();
$('.tab-btn a').removeClass('my-active-class');
$(this).addClass('my-active-class');
var slide = $(this).attr('href').slice(1);
$('[class*="uc-tab"]').fadeOut(0);
$('.uc-' + slide).fadeIn(0);
t_lazyload_update();
});
</script> Создайте кнопки и присвойте каждой класс .tar-btn
Вставьте ссылки в каждую кнопку #tar1, #tar2, #tar3 и так далее
Создайте свои zero-блок и присвойте им классы .uc-tar1, .uc-tar2, .uc-tar3 и тд.
Вставьте код на страницу
в блок "Другое" - Т123
Измените цвет #ff005a фона активной
вкладки на свой и color (цвет текста)
<!-- Код для переключения между вкладками v.2 -->
<!-- https://youx.agency/sozdaem-blok-s-tabami-pereklyuchenie-neskolkih-zero-block-cherez-knopki -->
<style>
.my-active-class2 {
background: #ff005a !important;
color:#fff !important;
}
</style>
<script>
// Скрыть все вкладки, кроме первой
$('[class*="uc-tar"]').not('.uc-tar1').fadeOut(0);
// Добавить класс "bactive" для первой вкладки
$('[href="#tar1"]').addClass('my-active-class2');
// Обработчик события для клика по кнопкам вкладок
$('.tar-btn a').click(function() {
// Убрать класс "bactive" у всех кнопок
$('.tar-btn a').removeClass('my-active-class2');
// Добавить класс "my-active-class2" к кнопке, по которой кликнули
$(this).addClass('my-active-class2');
// Получить идентификатор вкладки из атрибута href кнопки
var slide = $(this).attr('href').slice(1);
// Скрыть все вкладки
$('[class*="uc-tar"]').fadeOut(0);
// Показать вкладку с идентификатором, соответствующим кнопке
$('.uc-' + slide + '').fadeIn(0);
t_lazyload_update();
});
</script>