Вы сделали секцию в пейдж-билдере, которую хотите закрывать кликом по кнопке, иконке, тексту, и так далее.
Вы можете использовать этот способ для любого пейдж-билдера, я буду использовать Elementor.
В этой статье вы узнаете, как закрывать любую секцию в Элементоре по клику на кнопку или любому другому элементу.
Содержание:
- Добавьте class секции
- Добавьте class закрывающему элементу
- Вставьте код в виджет HTML-код
1. Добавьте class секции
Зайдите в Расширенные — CSS классы, добавьте closeclick.
2. Дайте class закрывающему элементу
Добавьте кнопку или иконку, и дайте ей класс clicktoclose.
Кроме кнопки и иконки вы можете использовать текст, картинку, заголовок или любой другой элемент.
Убедитесь, что в поле для ссылки ничего нет:
3. Вставьте код в виджет HTML-код
Добавьте виджет HTML-код:
Вставьте этот код:
Если вы хотите, чтобы секция была липкой (sticky), и находилась наверху страницы, используйте этот код:
Все готово, проверяйте.
Читайте также:
Надеюсь, статья была полезна. Оставляйте комментарии.
А как потом потом обратно раскрыть
дополните инструкию
Перезагрузите страницу