Jo Klimek: Verbesserung zum Wiki-Artikel „Akkordeon mit details“

Beitrag lesen

problematische Seite

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!