Name: Скрытые блоки при наведении
Brand: LF Code
SKU: hover-reveal-block
Price: 500 RUB
Availability: InStock

Что делает модификация

Плавно раскрывает следующий скрытый блок при наведении или фокусе на элемент и поддерживает переключение касанием на телефоне.

Стандартные блоки TildaСледуйте требованиям в инструкции.

Готовый кодГотовый фрагмент для опубликованной страницы.

Настройки в аккаунтеВыберите параметры и скопируйте результат.

Проверяйте опубликованную страницу, а не редактор Tilda.

Настройте под свой сайт

Настройка	Назначение
Класс элемента	Выберите значение в интерфейсе личного кабинета.
Класс скрытого блока	Выберите значение в интерфейсе личного кабинета.
Длительность, мс	Параметр 0–2000

Добавьте элементВ Zero Block создайте кнопку или другой элемент и присвойте ему класс show-text.
Добавьте скрытый блокСразу после него создайте блок с нужным контентом. В BLOCK CSS CLASS NAME задайте uc-show-text.
Повторите для других парКаждый элемент управляет ближайшим следующим блоком с этим классом. Не ставьте несколько скрытых блоков между одной парой.
Установите кодВ личном кабинете задайте параметры и нажмите «Сгенерировать код». Вставьте весь результат в T123 после подготовленных блоков. Сохраните и опубликуйте страницу.
Проверьте устройстваНа компьютере наведите курсор и уберите его; с клавиатуры используйте Tab, на телефоне нажмите элемент повторно для закрытия.

Важно

Проверяйте опубликованную страницу, а не редактор Tilda.

Где менять параметры?

После покупки откройте модификацию в разделе «Покупки». Настройте параметры, нажмите «Сгенерировать код» и замените прежний код на сайте.

Когда появится результат?

После публикации страницы. Проверьте классы, ID и адаптацию блоков. Установите только одну копию кода для одного набора элементов.

Что показывает пример?

Пример демонстрирует механику на элементах LF Code. На вашем сайте используются подготовленные элементы Tilda.