Как добавить аккордеон TX16N в TX16N2 в Tilda
We are a leading firm in providing quality and value to our customers. Each member of our team has at least 5 years of legal experience. We love what we do.
Our managers are always ready to answer your questions. You can call us during the weekends and at night. Also, you can visit our office for a personal consultation.
We are a leading firm in providing quality and value to our customers. Each member of our team has at least 5 years of legal experience. We love what we do.

Как добавить аккордеон TX16N в TX16N2 в Tilda

1
Создали блок TX16N2 ширина 8 колонок, отступ 2 колонки
2
Создали 3 блока TX16N ширина 8 колонок, отступ 0 колонок
Отступ сверху 0рх, отступ снизу 30рх
3
Добавили код в блок Другое - Т123
В коде прописали ID блока TX16N2
let mainAccord = $('#rec387711827');

И ID блоков TX16N + номер вкладки TX16N2

['#rec387616174', 1],
['#rec387732225', 2],
['#rec387732233', 3],
Mo-ti Level Up
Видео инструкции по добавлению кода и работе с Zero Block.
Получить полное видео
Посмотреть все видео
Создаём аккордеон в аккордеоне. Добавляем аккордеон в конкретную вкладку.
Фрагмент видео
Посмотреть видео в личном кабинете ►
Библиотека для примера

<script>
$(document).ready(function(){
let mainAccord = $('#rec387711827');
let onboardAccord = [
        ['#rec387616174', 1],
        ['#rec387732225', 2],
        ['#rec387732233', 3],
    ];

$.each(onboardAccord , function(index,value){
    mainAccord.find('.t668__content:eq('+(value[1]-1)+')').html($(value[0]));
    $(value[0]).addClass('onboardAccord');
});

});
</script>

<style>
.onboardAccord .t-col {
    margin: 0;
    max-width: inherit;
    width: 97%;
}
.onboardAccord .t-container {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}    

.onboardAccord .t585__opened .t585__lines {
    -moz-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    -webkit-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    transform: rotate(-180deg);
   }
.onboardAccord .t585__lines svg {
    display: none;
}
.onboardAccord  .t585__lines::after {
    content: " ";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    background-image: url(https://static.tildacdn.com/lib/tildaicon/35656264-3035-4838-b266-623530623135/Layer_26.svg);
    background-size: 80%;
    background-repeat: no-repeat;
    background-position: center;
}

</style>
Made on
Tilda