OfficalCodexPH Ответов: 1

Как добавить этот javascript-код для работы с кнопкой click?

Здравствуйте, у меня есть этот код:

<script> document.addEventListener("DOMContentLoaded", function(event) {   jQuery('.elementor-tab-title').removeClass('elementor-active');   jQuery('.elementor-tabs').css('display', 'none'); }); </script>


который скрывает элемент css, как только страница загружается.

как я могу показать/скрыть 
.elementor-tabs
когда я нажимаю кнопку?

Что я уже пробовал:

Я перепробовал все, что мог придумать, но так как это не div, я не уверен. Есть идеи?

1 Ответов

Рейтинг:
6

Thomas Daniels

Создайте свою кнопку в HTML:

<button id="elementorTabsButton">Button text</button>

А ваш JavaScript:
jQuery("#elementorTabsButton").click(function() {
    jQuery(".elementor-tab-title").toggleClass("elementor-active");
    jQuery(".elementor-tabs").toggle();
});

"toggleClass" добавляет или удаляет класс, в зависимости от того, есть ли он там или нет.
"toggle" показывает или скрывает элемент.

Боковой узел: вы можете написать $ как короткая рука для jQuery.

OfficalCodexPH

Чхер братан