Как сделать, чтобы был только один активный блок в аккордеоне?

Question

[Александр AS]

Есть аккордеон.
Сейчас я при клике могу открывать все блоки.

А как сделать так, чтобы только один блок был активным?
Т.е., нажимаю к примеру второй блок - он открывается, а тот что был до этого активный, закрывается.

Answer 1

[0xD34F]

document.addEventListener('click', function(e) {
  const heading = e.target.closest('.panel-heading');
  if (heading) {
    e.preventDefault();
    heading.closest('.panel-group').querySelectorAll('.panel-collapse').forEach(n => {
      n.classList[n === heading.nextElementSibling ? 'toggle' : 'remove']('in');
    });
  }
});