Как сделать аккордеон из Zeroblock?
Этот скрипт позволит тебе сделать аккордеон (выпадающие вкладки) в зероблок с текстом \ другими зероблоками внутрти. Совместимо с autoscale. Пример работы модификации внизу cтраницы
Видео-инструкция
Видео-инструкция
1-5 мин.
JavaScript
Zeroblock
1. Создай на странице зероблок, в котором будешь делать аккордеон
2. Создай Html-элемент в котором будет аккордеон и задай ему нужные размеры
3. Создай блок TX16N (Важно! Не TX16N2! Он другой!) в внеси в него нужные тексты и настройки
3.1. Если тебе нужно добавить свой контент зероблоками вместо просто текстов, которые позволяет вставить блок TX16N, то создай соответствующие зероблоки и задай в них контенту выравнивание window left top а также прижми контент к левом верхнему углу
4. Задай в генераторе класс, на который будет опираться код (это может быть любое слово и нужно оно только чтобы код мог отличать аккордеоны друг от друга)
5. Задай все нужные тебе параметры в генераторе, скопируй полученный код и вставь в блок т123 ПОСЛЕ всех твоих зеро для этого аккордеона и самого аккордеона
6. Вставь вот этот код в html-элемент, что мы делали в п. 2
2. Создай Html-элемент в котором будет аккордеон и задай ему нужные размеры
3. Создай блок TX16N (Важно! Не TX16N2! Он другой!) в внеси в него нужные тексты и настройки
3.1. Если тебе нужно добавить свой контент зероблоками вместо просто текстов, которые позволяет вставить блок TX16N, то создай соответствующие зероблоки и задай в них контенту выравнивание window left top а также прижми контент к левом верхнему углу
4. Задай в генераторе класс, на который будет опираться код (это может быть любое слово и нужно оно только чтобы код мог отличать аккордеоны друг от друга)
5. Задай все нужные тебе параметры в генераторе, скопируй полученный код и вставь в блок т123 ПОСЛЕ всех твоих зеро для этого аккордеона и самого аккордеона
6. Вставь вот этот код в html-элемент, что мы делали в п. 2
Инструкция
Важно!
- Обрати внимание что параметры нужно указывать прямо как написано для ориентира полупрозрачным. Т.е. не забудь "px"
- Не создавай блок TX16N2, т.к. в нём другие классы! Если тебе нужно задать фон для карточек или скругление или отступ от краев фона, то просто воспользуйся настройками в генераторе
- Не создавай блок TX16N2, т.к. в нём другие классы! Если тебе нужно задать фон для карточек или скругление или отступ от краев фона, то просто воспользуйся настройками в генераторе
(Развернуть)
Скопировать
Скопировать код
Отчистить поля
undefined
Этот мод доступен в PRO тарифе
0
349
₽
₽
Voron Free
Voron Pro
всего за
/ 1 мес.
Доступ ко всем модификациям библиотеки
Просмотр используемых блоков и их настроек для любого сайта, сделанного на Tilda, в том числе step-by-step анимаций
Полный доступ ко всем функциям расширения для Тильды
Регулярные обновления модификаций и новые модификации включены в стоимость
Техническая поддержка в Telegram
Никаких автоплатежей
Только базовые функции
349 ₽
Доступ к 11 бесплатным модификациям
Бесплатный функционал расширения для Тильды
Темная тема для Tilda Publishing
Отображение всех используемых блоков в боковом меню
После создания они будут работать даже если PRO доступ закончится
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