<!-- Код для переключения между вкладками v.2 -->
 <!-- https://youx.agency/sozdaem-blok-s-tabami-pereklyuchenie-neskolkih-zero-block-cherez-knopki -->


<style>


.my-active-class {
background: #ff005a !important;
color:#fff !important; 
}

</style>



<script>

    // Скрыть все вкладки, кроме первой
    $('[class*="uc-tab"]').not('.uc-tab1').fadeOut(0);

    // Добавить класс "bactive" для первой вкладки
    $('[href="#tab1"]').addClass('my-active-class');

    // Обработчик события для клика по кнопкам вкладок
    $('.tab-btn a').click(function() {
    // Убрать класс "bactive" у всех кнопок
    $('.tab-btn a').removeClass('my-active-class');

    // Добавить класс "my-active-class" к кнопке, по которой кликнули
    $(this).addClass('my-active-class');

    // Получить идентификатор вкладки из атрибута href кнопки
    var slide = $(this).attr('href').slice(1);

    // Скрыть все вкладки
    $('[class*="uc-tab"]').fadeOut(0);

    // Показать вкладку с идентификатором, соответствующим кнопке
    $('.uc-' + slide + '').fadeIn(0); 
    t_lazyload_update();
    
});

</script>

Инструкция №2

Создайте кнопки и присвойте каждой класс .tar-btn

Вставьте ссылки в каждую кнопку #tar1, #tar2, #tar3 и так далее

Создайте свои zero-блок и присвойте им классы .uc-tar1, .uc-tar2, .uc-tar3 и тд.

Вставьте код на страницу

в блок "Другое" - Т123

Измените цвет #ff005a фона активной

вкладки на свой и color (цвет текста)

Скопировать код

Код скопирован

Код для вставки

Если нужно использовать 2 раза на странице !!

<!-- Код для переключения между вкладками 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>

Данный код помогает переключать несколько зеро блоков на странице при нажатии на свои кнопки. Обновленный, простой и 100% рабочий способ

Как добавить табы Тильда v.2 . Переключение нескольких зеро блок

Инструкция

Инструкция №2

Другие модификации