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

Question

[Andrej Sharapov]

Подскажите, как настроить закрытие деталей, при открытии другого блока?


Т.е. При клике на один из блоков, он открывается, затем при клике на другой, первый закрывается.

Comments

[Kovalsky]

Если при открытии блока существует уже открытый блок, то закрывать его

[Виктор Л]

Вот есть примерчик

[Andrej Sharapov]

с доп библиотекой... хотелось бы на чистом js и без примудростей)

[Виктор Л]

Andrej Sharapov, Дополнительная библиотека это полифил details IE не поддерживает а Edge тока с 76

Answer 1

[Andrew]

const details = document.querySelectorAll('.dt');
    details.forEach(el => {
      el.addEventListener('click', () => {
        details.forEach(target => {
          target.removeAttribute('open');
        })
      });
    });