JavaScript: Toggle für verschiedene Elemente

[borisbaer]

Abstand.

Wieso?

Das tut reines HTML auch. Wozu also JavaScript?

Ich nehme gerne HTML, aber nur, wenn ich das „Design“ beibehalten kann. Sprich, das Dreieck müsste weg und ich müsste selbst bestimmen können, welcher Button den Inhalt ausklappt. Ich weiß nicht, ob das mit dem details tag geht.

Und wenn du doch eine Lösung mit Button und JavaScript willst, dann schau dir mal dieses Menü bei schmalem Viewport an. Das einzige, was JavaScript tut, ist den Wert des aria-expanded-Attributs des Buttons(!) zwischen true und false umzuschalten. Mehr sollte JavaScript nicht tun; den Rest erledigt CSS. Bei Wunsch auch animierte Übergänge mit transition.

Leider bin ich in JavaScript eigentlich gar bewandert, meine Versuche aus der Seite schlau zu werden sind bisher gescheitert. Wo kann ich denn das Ganze mit eienr ID verknüpfen? Hmm …

Trotzdem danke soweit für die vielen Vorschläge!