Показ и скрытие блоков кнопкой
Раскрывает следующий блок Tilda по нажатию, меняет подпись кнопки и повторным нажатием скрывает содержимое.
Что делает модификация
Раскрывает следующий блок Tilda по нажатию, меняет подпись кнопки и повторным нажатием скрывает содержимое.
Требования
Это визуальное скрытие, а не защита контента: содержимое остаётся в HTML. Подписи кнопки меняются без удаления вложенных ссылок и оформления.
Настройте под свой сайт
| Настройка | Назначение |
|---|---|
| Текст закрытого состояния | Выберите значение в интерфейсе личного кабинета. |
| Текст открытого состояния | Выберите значение в интерфейсе личного кабинета. |
| Переход, миллисекунд | Параметр 0–2000 |
| Прокручивать к раскрытому блоку | Выберите значение в интерфейсе личного кабинета. |
Пошаговая установка
- Добавьте кнопкуСоздайте Zero Block, добавьте кнопку и назначьте ей showblock. Начальную подпись задайте такую же, как в кабинете.
- Добавьте скрытый блокСразу после Zero Block кнопки поставьте скрываемый блок. Назначьте ему класс hidden-block; в публикации получится uc-hidden-block.
- Повторите парыДля нескольких раскрывающихся блоков создавайте отдельные соседние пары с такими же классами. Один переключатель управляет только своим следующим блоком.
- Подключите результатВ кабинете задайте подписи, длительность и прокрутку. Вставьте код в T123 в конце страницы.
- Получите код и проверьтеВ личном кабинете нажмите «Сгенерировать код». Скопируйте весь результат, вставьте по инструкции, опубликуйте страницу и проверьте публичный адрес на компьютере и телефоне.
Это визуальное скрытие, а не защита контента: содержимое остаётся в HTML. Подписи кнопки меняются без удаления вложенных ссылок и оформления.
Частые вопросы
Где менять параметры?
После покупки откройте модификацию в личном кабинете. Измените настройки и сгенерируйте код заново: ручное редактирование не требуется.
Почему в редакторе нет эффекта?
Проверяйте опубликованную страницу. Убедитесь, что нужные блоки, классы и ID соответствуют инструкции и на странице установлена только одна копия кода.
Что показывает живой пример?
Пример воспроизводит механику на демонстрационных элементах. На вашем сайте модификация работает с подготовленными элементами Tilda.