Переключение контента по табам в Тильде

Зайдите пожалуйста с ПК, чтобы увидеть пример переключения табов)

<style>
/* цвет активной кнопки */
.tbactive {background: linear-gradient(348deg, #dd54ff, #ff8686, #ffd255)} 
</style>

<script>
$('[class*="tab"]:not(.tab1)').hide()
$('[href="#tab1"]').addClass('tbactive')
$('.tbbtn').each(function() {
  $(this).find('a').click(function() {
    $('.tbbtn a').removeClass('tbactive')
    $(this).addClass('tbactive')
    var tab = $(this).attr('href').slice(1)
    $('.' + tab + '').fadeIn(200)
    $('[class*="tab"]:not(.' + tab + ')').fadeOut(200)
  })
})
</script>



https://ilda.top/prostye-vkladki-zero
Инструкция по установке проста:
1. Создаем 3 кнопки и задаем всем кнопкам единый класс tbbtn. Теперь каждой кнопке последовательно задаем ссылку с номером вкладки — #tab1, #tab2..#tabN
2. Создаем блоки контента, задаем каждому элементу вкладки класс tab1, tab2..tabN. Элементы могут быть любые: текст, изображение (Lazyload: Off), шейп, форма, кнопка. Количество элементов для каждой вкладки не ограниченно.
3. Добавляем блок HTML-код — T123 и вставляем в него код
4. Публикуем. Profit =)
Мои Соцсети - Подписывайся)
Made on
Tilda