Как добавить аккордеон TX16N в TX16N2 в Tilda
Construction Consultant
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.
Architectural Design
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.
Electrical System
Our company works according to the principle of individual approach to every client. This method allows us to succeed in tasks of any level.
High Quality
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.
Good Support
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.
Individual Approach
Our company works according to the principle of individual approach to every client. This method allows us to succeed in tasks of any level.
Good Support
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.
Individual Approach
Our company works according to the principle of individual approach to every client. This method allows us to succeed in tasks of any level.
High Quality
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.
Good Support
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.
Individual Approach
Our company works according to the principle of individual approach to every client. This method allows us to succeed in tasks of any level.

Как добавить аккордеон 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