Как создать две колонки у аккордеона TX16N в Tilda

1

Создали блок TX16N

2

В настройках задали ему:
- ширину 6 колонок
- без отступа слева

3

Создали в нём 10 пунктов

4

Добавили код на страницу в блок Другое - Т123
В коде прописали:
- ID нашего блока TX16N #rec161484771
- разделение по колонкам 4 и 6
Левая (0,4) - Правая (4,10)

Mo-ti Level Up

Видео инструкции по добавлению кода и работе с Zero Block.

Получить полное видео

Посмотреть все видео

Создаём аккордеон в 2 колонки. Меняем состав колонок. Создаём несколько блоков.
Длительность видео: 19 минут

Фрагмент видео

Посмотреть видео в личном кабинете ►

Библиотека для примера


<style>

@media screen  and (min-width: 960px){
  .twoColAcc  .t585 .t-col {
    float: none;
    display: block;
}
.twoColAcc .Column {
    width: 50%;
    float: left;
}
.twoColAcc .leftaccord:last-child {
    border-bottom: 1px solid #c4c4c4;
}
}
.rightColumn .t-col:last-child .t585__header {
    border-top: none !important;
}
</style>
<script>
$( document ).ready(function() {
    $('#rec166459125').addClass('twoColAcc');
     $('.twoColAcc .t-col').slice(0,4).addClass('leftaccord');
     $('.leftaccord').wrapAll('<div class="leftColumn Column"></div>');
     $('.twoColAcc .t-col').slice(4,10).addClass('rightaccord');
     $('.rightaccord').wrapAll('<div class="rightColumn Column"></div>');   
      
});
</script>