Добавляем 3 кнопки в зеро блок и к ним ссылки #tab1, #tab2, #tab3
Создаем 3 зеро-блок и присваиваем каждому class .uc-block
Вставили код в блок "Другое" - Т123 в самом низу страницы
В самом коде заменили ID блоков на свои
Если табов меньше или больше, в коде есть комментарии, удалить или добавить
Данные решения временно не отображают корректно галереи внутри!
<!-- Универсальные табы для зеро-блоков Тильда | youx.agency -->
<!-- https://youx.agency/universalnye-taby-dlya-zero-blokov-tilda -->
<style>
/* Скрываем все блоки по классу */
.uc-block {
display: none;
}
</style>
<script>
$(document).ready(function() {
// Таб 1
$('[href="#tab1"]').click(function() {
var targetBlock = $('#rec668748305');
// Если блок уже открыт, скрываем его; иначе открываем
if (targetBlock.is(':visible')) {
targetBlock.slideUp(500);
} else {
// Скрываем все блоки
$('.uc-block').hide();
// Открываем первый блок
targetBlock.slideToggle(500);
t_lazyload_update();
}
});
// Таб 2
$('[href="#tab2"]').click(function() {
var targetBlock = $('#rec668748422');
// Если блок уже открыт, скрываем его; иначе открываем
if (targetBlock.is(':visible')) {
targetBlock.slideUp(500);
} else {
// Скрываем все блоки
$('.uc-block').hide();
// Открываем второй блок
targetBlock.slideToggle(500);
t_lazyload_update();
}
});
// Таб 3
$('[href="#tab3"]').click(function() {
var targetBlock = $('#rec668748625');
// Если блок уже открыт, скрываем его; иначе открываем
if (targetBlock.is(':visible')) {
targetBlock.slideUp(500);
} else {
// Скрываем все блоки
$('.uc-block').hide();
// Открываем третий блок
targetBlock.slideToggle(500);
t_lazyload_update();
}
});
// Тут вставить кусок кода выше, чтобы сделать больше табов
});
</script>
<!-- Универсальные табы для зеро-блоков Тильда | youx.agency -->
<!-- https://youx.agency/universalnye-taby-dlya-zero-blokov-tilda -->
<style>
/* Скрываем все блоки по классу */
.uc-block {
display: none;
}
</style>
<script>
$(document).ready(function() {
// Открываем первый блок при загрузке страницы
$('#rec668748305').show();
// Таб 1
$('[href="#tab1"]').click(function() {
var targetBlock = $('#rec668748305');
// Если блок уже открыт, скрываем его; иначе открываем
if (targetBlock.is(':visible')) {
targetBlock.hide();
} else {
// Скрываем все блоки
$('.uc-block').hide();
// Открываем первый блок без анимации выезжания
targetBlock.show();
t_lazyload_update();
}
});
// Таб 2
$('[href="#tab2"]').click(function() {
var targetBlock = $('#rec668748422');
// Если блок уже открыт, скрываем его; иначе открываем
if (targetBlock.is(':visible')) {
targetBlock.hide();
} else {
// Скрываем все блоки
$('.uc-block').hide();
// Открываем второй блок без анимации выезжания
targetBlock.show();
t_lazyload_update();
}
});
// Таб 3
$('[href="#tab3"]').click(function() {
var targetBlock = $('#rec668748625');
// Если блок уже открыт, скрываем его; иначе открываем
if (targetBlock.is(':visible')) {
targetBlock.hide();
} else {
// Скрываем все блоки
$('.uc-block').hide();
// Открываем третий блок без анимации выезжания
targetBlock.show();
t_lazyload_update();
}
});
// Если нужно больше табов: добавить кусок выше и поменять ID и tab
});
</script>
<!-- Универсальные табы для зеро-блоков Тильда | youx.agency -->
<!-- https://youx.agency/universalnye-taby-dlya-zero-blokov-tilda -->
<style>
/* Скрываем все блоки по классу */
.uc-block {
display: none;
}
</style>
<script>
$(document).ready(function() {
// Открываем первый блок при загрузке страницы (Указать ID блока первого таба)
$('#rec668748305').show();
// Таб 1
$('[href="#tab1"]').click(function() {
var targetBlock = $('#rec668748305');
// Если блок уже открыт, скрываем его; иначе открываем
if (targetBlock.is(':visible')) {
targetBlock.hide();
} else {
// Скрываем все блоки
$('.uc-block').hide();
// Открываем первый блок без анимации выезжания
targetBlock.show();
t_lazyload_update();
}
});
// Таб 2
$('[href="#tab2"]').click(function() {
var targetBlock = $('#rec668748422');
// Если блок уже открыт, скрываем его; иначе открываем
if (targetBlock.is(':visible')) {
targetBlock.hide();
} else {
// Скрываем все блоки
$('.uc-block').hide();
// Открываем второй блок без анимации выезжания
targetBlock.show();
t_lazyload_update();
}
});
// Таб 3
$('[href="#tab3"]').click(function() {
var targetBlock = $('#rec668748625');
// Если блок уже открыт, скрываем его; иначе открываем
if (targetBlock.is(':visible')) {
targetBlock.hide();
} else {
// Скрываем все блоки
$('.uc-block').hide();
// Открываем третий блок без анимации выезжания
targetBlock.show();
t_lazyload_update();
}
});
// Тут вставить кусок кода выше, чтобы сделать больше табов
});
</script>