Как сделать аккордеон из Zeroblock?

Этот скрипт позволит тебе сделать аккордеон (выпадающие вкладки) в зероблок с текстом \ другими зероблоками внутрти. Совместимо с autoscale. Пример работы модификации внизу cтраницы

Видео-инструкция

1-5 мин.
JavaScript
Zeroblock
1. Создай на странице зероблок, в котором будешь делать аккордеон

2. Создай Html-элемент в котором будет аккордеон и задай ему нужные размеры

3. Создай блок TX16N в внеси в него нужные тексты и настройки
3.1. Если тебе нужно добавить свой контент зероблоками вместо просто текстов, которые позволяет вставить блок TX16N, то создай соответствующие зероблоки и задай в них контенту выравнивание window left top а также прижми контент к левом верхнему углу

4. Задай в генераторе класс, на который будет опираться код (это может быть любое слово и нужно оно только чтобы код мог отличать аккордеоны друг от друга)

5. Задай все нужные тебе параметры в генераторе

6. Вставь вот этот код в html-элемент, что мы делали в п. 2
Инструкция
Важно!
- Не делай прелоадер слишком продолжительным, т.к. он не должен задерживать посетителя от пользования сайтом
- Не добавляй слишком многоступенчатые svg анимации в прелоадер, потому что так он только замедлит страницу и заставит пользователя долго ждать при каждой загрузке
- Модификация не совместима с моим слайдером из Zero-блок, если он у тебя с autoscale
- Параметр показывать прелоадер после загрузки ещё n сек нужен на тот случай, если страница загружается так быстро, что анимация загрузки некрасиво прерывается или не успевает вся воспроизвестись. Не делай его большим

(Развернуть)
Скопировать
Скопировать код
Отчистить поля
undefined
Этот мод доступен по подписке
0
299
Voron Free
Voron Pro
всего за
/ мес.
Доступны все модификации за пару кликов
Просмотр используемых блоков и их настроек на любом сайте на Tilda, в том числе step-by-step анимаций
CSS Helper – возможность генерировать CSS без знания кода
Удобная подсветка кода + перенос строк в блоках т123 для удобства редактирования кода
Техническая поддержка в Telegram
Никаких автоплатежей
Только базовые функции
299 ₽
Доступ к 11 бесплатным модификациям
Сетка и колонки для всего проекта (zero, стандартные блоки)
Темная тема для Tilda Publishing
Отображение всех используемых блоков в боковом меню


123
Попереключай аккордеон ниже чтобы увидеть как он работает
Пример работы модификации 1
Все настройки (кроме колонок) что ты выберешь в блоке TX16N наследуются аккордеоном в зеро. Вместо текста внутрь аккордеона можно добавить зероблоки, которые могут быть разной высоты (аккордеон сам подстроится)
Пример работы модификации 2
Ещё один пример в котором я просто выставил другие настройки в коде мода и в блоке TX16N для демонстрации вариативности.
Пример работы модификации 3

Опиши нужный функционал через эту форму и он будет добавлен!

Нажимая "Отправить", вы даете согласие на обработку персональных данных в соответствии с Политикой конфиденциальности
Не хватает какой-то функции?
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.
Zero Block
Zero Block
Zero Block
Zero Block