Unterschiede

Hier werden die Unterschiede zwischen zwei Versionen angezeigt.

--- de:modul:m291:learningunits:lu04:theorie:b_events [2026/03/05 07:37] – gkoch
+++ de:modul:m291:learningunits:lu04:theorie:b_events [2026/03/05 07:40] (aktuell) – gkoch
@@ Zeile 16: / Zeile 16: @@
 </WRAP>
-{{youtube>x70HZ70TFkQ?}}
+<WRAP round center box 60%>
+{{ youtube>x70HZ70TFkQ? }}
 //Video zum Thema Events und Eventlisteners//
+</WRAP>
 <WRAP round center tip 80%>
@@ Zeile 154: / Zeile 156: @@
 </WRAP>
-==== Alle anderen Panels schliessen ====
-Bei einem klassischen Accordion soll immer nur ein Panel offen sein:
-<WRAP box round center 80%>
-<code javascript>
-const buttons = document.querySelectorAll('.accordion-btn');
-buttons.forEach(btn => {
-  btn.addEventListener('click', () => {
-    const panel = btn.nextElementSibling;
-    const istOffen = panel.classList.contains('open');
-    // Alle Panels schliessen
-    buttons.forEach(andererBtn => {
-      andererBtn.nextElementSibling.classList.remove('open');
-      andererBtn.setAttribute('aria-expanded', 'false');
-    });
-    // Dieses Panel öffnen (nur wenn es vorher zu war)
-    if (!istOffen) {
-      panel.classList.add('open');
-      btn.setAttribute('aria-expanded', 'true');
-    }
-  });
-});
-</code>
-</WRAP>