Top.Mail.Ru
Loading...
No-code платформа для интеграции с российскими сервисами
Адаптер
Мы в соцсетях
Ответим на вопросы
Техподдержка
Образовательные курсы и гайды для IT-специалистов
Академия
Клиентам
О нас
Плагин для Тильды
Партнерам
Академия
Расширение
Техподдержка
Модификации
Профиль
Подписка
Партнерка
Новости +13
Шаблоны
Идеи
Услуги
....
NLM061 • Время настройки: 1 минута

Показ скрытых блоков по клику

Модификация поможет настроить показ или скрытие блока при нажатии на кнопку и настроить эффект появления/скрытия.
Для корректной работы модификации включите поддержку jQuery. Подробнее. Как это сделать: Настройка сайта > Еще > Подключить jQuery на страницах сайта.

Смотрите, как быстро установить модификацию

Инструкция
1. В генераторе указываешь:
  • «id блоков»– Укажи id блока, который хочешь скрывать или показывать. Можно указать несколько через запятую и пробел (#rec00001, #rec00001)
  • «Ссылка для показа/скрытия» – Пропиши название ссылки через # и после укажи ее в настройках элемента, который будет открывать/скрывать блок (текст, картинка, кнопка или шейп (например, hsblock);
  • «Изначально» – Выбери условия, сразу показывать или скрывать блок;
  • «Анимация скрытия/показа блока» – Выбери эффект появления/скрытия;
  • «Убрать задержку перед скроллом» – Включи чекбокс, если хочешь обеспечить более плавный и быстрый переход при прокрутке страницы после скрытия/показа блока (работает только для обычной анимации);
  • «id блока к которому будет скролл после открытия»
  • «id блока к которому будет скролл после закрытия»;

2. Копируешь сгенерированный HTML код и вставляешь его в блок Т123;

  • ВАЖНО: Если используется анимация «Слайдом» для нескольких блоков, то фоны скрываемых или появляющихся блоков должны быть одинаковыми, иначе будут видны разрывы между блоками в момент появления/скрытия.

Сгенерируйте код для своего сайта

Напишите в нашу поддержку — мы поможем с настройкой и внедрением.
Остались вопросы?
Шаг 4
Копировать код
Чтобы получить доступ к копированию кода и использовать его на сайте, выполните 4 простых шага:
Скопируйте код из генератора, вставьте его в блок T123 на вашем сайте в Тильде и опубликуйте страницу.
Настройте модификацию
Шаг 3
И получите доступ к библиотеке из более чем 200 модификаций.
Оплатите подписку
Шаг 2
Создать аккаунт — это быстро и просто.
Войдите или зарегистрируйтесь на платформе
Шаг 1
Ведутся технические работы((
Попробуйте перелогиниться, если не помогло, загляните к нам через 20 минут...
Напишите в нашу поддержку — мы поможем с настройкой и внедрением.
Остались вопросы?
Шаг 3
Копировать код
Чтобы получить доступ к копированию кода и использовать его на сайте, выполните 3 простых шага:
Скопируйте код из генератора, вставьте его в блок T123 на вашем сайте в Тильде и опубликуйте страницу.
Настройте модификацию
Шаг 2
И получите доступ к библиотеке из более чем 200 модификаций.
Возобновите подписку
Шаг 1
Копировать код
Напишите в нашу поддержку — мы поможем с настройкой и внедрением.
Остались вопросы?
Шаг 3
Чтобы получить доступ к копированию кода и использовать его на сайте, выполните 3 простых шага:
Скопируйте код из генератора, вставьте его в блок T123 на вашем сайте в Тильде и опубликуйте страницу.
Настройте модификацию
Шаг 2
И получите доступ к библиотеке из более чем 200 модификаций.
Оплатите подписку
Шаг 1

Популярные решения для вашего сайта

Не нашли нужное решение?

Часто задаваемые вопросы

Наши видеоинструкции позволяют внедрять модификации за 2−5 минут даже без технических знаний. Всё делается прямо в редакторе Тильды, без ручного редактирования кода
Не нашли свой вопрос?
Напишите нам — мы поможем и подскажем оптимальное решение для вашего сайта.
Не нашли свой вопрос?
Напишите нам — мы поможем и подскажем оптимальное решение для вашего сайта.
Есть идеи по улучшению этой модификации или созданию новой?
Поделись своим предложением или проголосуй за понравившуюся идею. Наиболее популярные будем реализовывать.
Не забудь подписаться, чтобы быть в курсе последних обновлений.