Betr: https://wiki.selfhtml.org/wiki/Infobox/Akkordeon_mit_details#Registerkarten
Das Javascript für die Registerkarten lässt sich wesentlich kürzer und eleganter gestalten:
var tabs = document.querySelector('.tabs');
tabs.addEventListener('click' , toggler);
function toggler(event){
let target = event.target.closest('details');
tabs.querySelectorAll('details').forEach(elm => {
if(elm !== target) elm.open = false;
})
}
So vermeidet man das jedem <details> Element ein 'EventListener' zugeordnet wird!