support-icon

Уникальные модификации для Тильда сайтов, которые расширяют функционал вашего сайта и выделяют вас среди конкурентов!

Tilda PublishingПодписка

Как выполнить показ скрытых блоков нажатием на кнопку в Tilda publishing

Показ скрытых блоков в Tilda Publishing.

Tilda Publishing — это мощный инструмент для создания сайтов, который позволяет создавать сайты разного уровня сложности без необходимости знать языки программирования. Но, чтобы реализовать некоторые функции, все же необходимо использование небольших скриптов. Например, одной из таких функций, является возможность скрыть блок, а при нажатии на определенную кнопку – снова отобразить его.

Что такое скрытые блоки в Tilda Publishing.

Скрытые блоки в Tilda Publishing позволяют скрыть часть контента на странице и показывать его по мере необходимости. Это может быть полезно, например, для создания аккордеона, где содержание блока показывается только при клике на заголовок. Это также может быть полезно, если вы хотите создать меню или любую другую интерактивную форму на своем сайте.

Дзен

YouTube

Как реализовать показ скрытых блоков в Tilda Publishing при нажатии на кнопку

  1. Создайте зеро блок
  2. В зеро блоке нажмите на + и выберите Add Button, чтобы добавить кнопку
  3. Нажмите правой кнопкой мыши на добавленную кнопку и выберите Add CSS Class Name
  4. В появившемся поле пропишите класс showblock
  5. Пропишите текст кнопки, например Показать (такой же текст нужно прописать в коде). Эта кнопка будет показывать скрытый блок. После показа блока текст в кнопке изменится на Скрыть (Этот текст можно изменить в коде)
  6. Сохраните изменения и закройте зеро блок
  7. Сразу после этого зеро блока создайте другой блок, который вы хотите скрыть. Подойдет как зеро блок, так и любой стандартный
  8. Нажмите правой кнопкой мыши внутри блока и выберите пункт CSS Class
  9. В появившемся поле введите класс hidden-block
  10. Вы можете скрывать и показывать неограниченное количество блоков. Перед каждым скрытым блоком нужно создать свой зеро блок с кнопкой. Для каждой пары блоков (блок с кнопкой и скрытый блок) используйте те же классы, что и для первой пары (showblock для кнопки и hidden-block для скрытого блока)
  11. После создания нужного вам количества кнопок и блоков в конце страницы создайте html блок т123, в Контент скопируйте код модификации и опубликуйте страницу
  12. Готово!

Модификация для скрытия и показа блоков при нажатии в Тильде

Код доступен в базовой подписке
Базовая подписка стоит 550 ₽ в месяц или 3 300 ₽ в год

В подписку входит:
  • +87 модификаций
  • Обновление модификаций
  • 150 МБ пространства в LF Cloud
  • Поддержка по будням
Оформить подписку

В заключение можно сказать, что показ скрытых блоков при нажатии на кнопку — это мощный инструмент, который может значительно улучшить функциональность и внешний вид вашего сайта на Tilda. Конструктор сайтов Tilda Publishing предоставляет множество возможностей для создания уникальных и привлекательных сайтов, а показ скрытых блоков при нажатии на кнопку является одной из самых полезных и интересных функций.

Следуя нашим простым инструкциям, вы можете легко добавлять и настраивать скрытые блоки на своем сайте в Tilda.

Надеемся, что данная статья помогла вам понять, как использовать эту функцию на своем сайте в Tilda Publishing. И помните, что создание красивого и функционального сайта может быть легким и увлекательным процессом.

Узнайте как сделать своё избранное в tilda и добавить его в zero block в нашей статье или на YouTube канале.