Сейчас узнаем, какой подарок выпадет именно Вам
Крутите колесо
Ура, вы выиграли!
Ваш приз:
Годовой доступ
к видео на mo-ti -20%
по промокоду T19RAY
Промокод действителен 3 дня

Оформить доступ с промокодом
100
Как добавить аккордеон 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