Как закрыть тег детали, когда другие открыты или щелчок сделан за пределами тега ⇐ Html

[Anonymous]

Этот код ниже почти делает трюк. Если вы откроете какой -либо тег детали, а затем щелкните в любом месте, он закроется. Тем не менее, в настоящее время открытые сведения теги не закрываются, так как открыт новый тег детали.

Код: Выделить всё

var details = [...document.querySelectorAll('details')];
document.addEventListener('click', function(e) {
if (!details.some(f => f.contains(e.target))) {
details.forEach(f => f.removeAttribute('open'));
}
})< /code>

Details 1
content



Details 2
content



Details 3
content

Чего мне не хватает?

Подробнее здесь: https://stackoverflow.com/questions/686 ... de-the-tag