Как закрыть любую секцию в Elementor по клику

Вы сделали секцию в пейдж-билдере, которую хотите закрывать кликом по кнопке, иконке, тексту, и так далее.

Вы можете использовать этот способ для любого пейдж-билдера, я буду использовать Elementor.

В этой статье вы узнаете, как закрывать любую секцию в Элементоре по клику на кнопку или любому другому элементу.

Содержание:

1. Добавьте class секции
2. Добавьте class закрывающему элементу
3. Вставьте код в виджет HTML-код

1. Добавьте class секции

Зайдите в Расширенные — CSS классы, добавьте closeclick.

2. Дайте class закрывающему элементу

Добавьте кнопку или иконку, и дайте ей класс clicktoclose.

Кроме кнопки и иконки вы можете использовать текст, картинку, заголовок или любой другой элемент.

Убедитесь, что в поле для ссылки ничего нет:

3. Вставьте код в виджет HTML-код

Добавьте виджет HTML-код:

Вставьте этот код:

Если вы хотите, чтобы секция была липкой (sticky), и находилась наверху страницы, используйте этот код:

Все готово, проверяйте.

Читайте также:

1. Как изменить порядок колонок в Elementor
2. Липкое меню Вордпресс с помощью Elementor
3. Как добавить текст на картинке при наведении мышкой

Надеюсь, статья была полезна. Оставляйте комментарии.