1

Есть две формы из formfilter для wordpress'a. Первая форма отвечает за простой фильтр, а второй за расширенный. Надо сделать так, чтобы при нажатии на кнопку, исчезала одна форма и появлялась другая. Как это реализовать через javascript? Можете дать ссылку на то, через что это реализуется? Пыталась своими силами прописать, ничего не получилось=\

  <?php echo do_shortcode( ' [pfg form="2"]' ); ?>.
  <?php echo do_shortcode( ' [pfg form="1"]' ); ?>.
4
  • Что такое formfilter? 18 авг 2020 в 12:28
  • form filter это плагин для wordpress по формированию фильтров для поиска 18 авг 2020 в 12:53
  • я перефразирую, мне важно просто реализовать принцип "нажимаю на 1 кнопку, появляется 1 фигня и пропадает 2ая, нажимаю на вторую и обратная ситуация" и главное, чтобы все это работало с php элементами 18 авг 2020 в 13:04
  • jooom.ru/toster/vanilla10.php 18 авг 2020 в 13:21

2 ответа 2

1

Пример - 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');
});
0
  1. Вам нужно выбрать кнопку через querySelector,или getElementById и установить на нее listener, на событие клика.
  2. Написать функцию которая будет срабатывать по нажатии на кнопку - в ней нужно выбрать блок, можно опять же через querySelector,или getElementById, который вы хотите скрыть и скрыть его добавив класс, или просто стиль скрывающий элемент, например, display:none, или visibility:hidden.
  3. Аналогочно со второй кнопкой.

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими условиями использования и подтверждаете, что прочитали и поняли наши политику конфиденциальности и нормы поведения.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.