Navigation Bar, div anzeigen beim klicken auf einen Link
bearbeitet von
Hallo Gunnar,
> Problem daran: dabei feuern wieder toggle-Events, sodass die Dinger endlos auf- und zugehen.
Du magst das CSS Genie sein, aber in Algorithmik kann ich Dir noch was zeigen 😉. Welcher Vollpfosten hat eigentlich in der Spec vergessen hinzuschreiben, dass das toggle Event mit bubbles=true erzeugt ewrden sollte? Oder war das etwa sinistre Absicht?
~~~html
<div id="detailsGroup">
<details>...</details>
<details>...</details>
<details>...</details>
<details>...</details>
<details>...</details>
</div>
~~~
~~~js
document.querySelectorAll(".detailsGroup details")
.forEach(d => d.addEventListener("toggle", detailsToggler));
function detailsToggler(ev) {
if (!ev.target.open) return;
for (let d of document.querySelectorAll("details")) {
if (d != ev.target)
d.open = false;
}
}
~~~
_Rolf_
--
sumpsi - posui - obstruxi