Как в javascript прописать работу кнопок
Есть две формы из formfilter для wordpress'a. Первая форма отвечает за простой фильтр, а второй за расширенный. Надо сделать так, чтобы при нажатии на кнопку, исчезала одна форма и появлялась другая. Как это реализовать через javascript? Можете дать ссылку на то, через что это реализуется? Пыталась своими силами прописать, ничего не получилось=\
<?php echo do_shortcode( ' [pfg form="2"]' ); ?>.
<?php echo do_shortcode( ' [pfg form="1"]' ); ?>.
Ответы (2 шт):
Автор решения: Arturas Lapinskas
→ Ссылка
- Вам нужно выбрать кнопку через querySelector,или getElementById и установить на нее listener, на событие клика.
- Написать функцию которая будет срабатывать по нажатии на кнопку - в ней нужно выбрать блок, можно опять же через querySelector,или getElementById, который вы хотите скрыть и скрыть его добавив класс, или просто стиль скрывающий элемент, например, display:none, или visibility:hidden.
- Аналогочно со второй кнопкой.
Автор решения: Сергей В.
→ Ссылка
Пример - http://www.jooom.ru/toster/vanilla10.php
document.querySelector('.btn').addEventListener( 'click' , function(e) {
e.target.classList.toggle('active');
document.querySelector('.panel').classList.toggle('active');
});