К основному контенту

1 мин

Zeroblock

Light

5

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

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

(cвернуть)
Инструкция

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

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

3. Создай блок TX16N (Важно! Не TX16N2! Он другой!) в внеси в него нужные тексты и настройки

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

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

5. Задай все нужные тебе параметры в генераторе, скопируй полученный код и вставь в блок т123 ПОСЛЕ всех твоих зеро для этого аккордеона и самого аккордеона

6. Вставь вот этот код в html-элемент, что мы делали в п. 2

- Обрати внимание что параметры нужно указывать прямо как написано для ориентира полупрозрачным. Т.е. не забудь "px"

- Не создавай блок TX16N2, т.к. в нём другие классы! Если тебе нужно задать фон для карточек или скругление или отступ от краев фона, то просто воспользуйся настройками в генераторе

Важно!

undefined
Отчистить поля
Загрузить сохраненные значения
undefined
Уверенным пользователям, которые каждый день зарабатывают на создании и верстке сайтов
Всё, что во Free и Pro на 1 месяц
и еще:
Pro на 1 год
2 990 ₽
1400 ₽ — ваша выгода
Всё, что во Free
и еще:
У кого пока непрогнозируемая рабочая загрузка и расширение нужно только 
в определенное время
Pro на 1 месяц
390 ₽
Для знакомства с сервисом и тестирования бесплатного функционала
Free
Этот мод доступен на PRO тарифе
Приоритетная поддержка
~50 новых модификаций, которые планируем выпустить в течение года
Обновления библиотеки с учетом изменений Tilda
ИИ-помощник с базовыми моделями
Возможность голосовать за новые моды и закрытый чат (скоро)
undefined
~25 Pro-модификаций
Генератор CSS
Распознавание блоков
Показать блоки т123
Автосохранение Zero-блока
Подсветка кода в т123
undefined
undefined
~20 бесплатных модификаций
Темная тема для Tilda
Кнопки быстрой публикации
Настройки меню в редакторе
Никаких автоплатежей
123

Попереключай аккордеон ниже чтобы увидеть как он работает

Примеры работы модификации

Все настройки (кроме колонок) что ты выберешь в блоке 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