Как сделать чтобы при клике на каждую кнопку показывался/закрывался свой блок?

Question

[Владимир]

Как сделать чтобы при клике на каждую кнопку показывался/закрывался свой блок? Сейчас показывается и скрывается только первый блок.

Answer 1

[Тигран Абрамян]

document.addEventListener('click', ({ target }) => {
  const button = target.closest('.new-faq__answer-btn');
  if (button) {
    button.parentNode.querySelector('.new-faq__answer').classList.toggle('active');
    button.childNodes[2].classList.toggle('active');
  }
});

Comments

[Владимир]

Ваше решение помогло . а как еще сделать чтобы и стрелочка менялась при клике на кнопку туже?

[Владимир]

а все разобрался добавил еще это

document.addEventListener('click', ({ target }) => {
    const button = target.closest('.new-faq__answer-btn');
    if (button) {
      button.parentNode.querySelector('.new-faq__answer').classList.toggle('active');
      button.parentNode.querySelector('.new-faq__answer-btn__img').classList.toggle('active');
    }
  });

[Тигран Абрамян]

Владимир, ну или по вашему, или так
button.childNodes[2].classList.toggle('active');

[Владимир]

Тигран Абрамян, большое Вам спасибо!

Answer 2

[Alex]

Используйте
<details> <summary>Ответ</symmary> ... </details>
https://developer.mozilla.org/ru/docs/Web/HTML/Ele...