Как сделать аккордеон из Zeroblock?
Этот скрипт позволит тебе сделать аккордеон (выпадающие вкладки) в зероблок с текстом \ другими зероблоками внутрти. Совместимо с autoscale. Пример работы модификации внизу cтраницы
Видео-инструкция
1-5 мин.
JavaScript
Zeroblock
1. Создай на странице зероблок, в котором будешь делать аккордеон
2. Создай Html-элемент в котором будет аккордеон и задай ему нужные размеры
3. Создай блок TX16N в внеси в него нужные тексты и настройки
3.1. Если тебе нужно добавить свой контент зероблоками вместо просто текстов, которые позволяет вставить блок TX16N, то создай соответствующие зероблоки и задай в них контенту выравнивание window left top а также прижми контент к левом верхнему углу
4. Задай в генераторе класс, на который будет опираться код (это может быть любое слово и нужно оно только чтобы код мог отличать аккордеоны друг от друга)
5. Задай все нужные тебе параметры в генераторе
6. Вставь вот этот код в html-элемент, что мы делали в п. 2
2. Создай Html-элемент в котором будет аккордеон и задай ему нужные размеры
3. Создай блок TX16N в внеси в него нужные тексты и настройки
3.1. Если тебе нужно добавить свой контент зероблоками вместо просто текстов, которые позволяет вставить блок TX16N, то создай соответствующие зероблоки и задай в них контенту выравнивание window left top а также прижми контент к левом верхнему углу
4. Задай в генераторе класс, на который будет опираться код (это может быть любое слово и нужно оно только чтобы код мог отличать аккордеоны друг от друга)
5. Задай все нужные тебе параметры в генераторе
6. Вставь вот этот код в html-элемент, что мы делали в п. 2
Инструкция
Важно!
- Обрати внимание что параметры нужно указывать прямо как написано для ориентира полупрозрачным. Т.е. не забудь "px"
(Развернуть)
Скопировать
Скопировать код
Отчистить поля
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.
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.
Our company works according to the principle of individual approach to every client. This method allows us to succeed in tasks of any level.
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.
Our company works according to the principle of individual approach to every client. This method allows us to succeed in tasks of any level.
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.
Our company works according to the principle of individual approach to every client. This method allows us to succeed in tasks of any level.
Our company works according to the principle of power approach to every client. This method allows us to super succeed in tasks of any level.
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.
Our company works according to the principle of individual approach to every client. This method allows us to succeed in tasks of any level.
Our company works according to the principle of power approach to every client. This method allows us to super succeed in tasks of any level.
Zero Block
Zero Block
Zero Block
Zero Block