JavaScript: Toggle für verschiedene Elemente

[Rolf b]

Und wo ist die Kennzeichnung am Button, ob das nun gerade auf- oder zugeklappt ist?

Ok - wenn man die haben möchte kann man sie ja noch realisieren. Abgesehen davon, dass das von Dir vorgeschlagene aria-Attribut eine elegantere Lösung darstellen kann.

Möglichkeit 2: Du legst um alle Schritte noch einen weiteren Container

Wozu das denn? Reichen die die ohnehin schon vorhandenen Container (html, body, ggfs. main) nicht aus?

Möglichkeit 2 beschreibt die Idee der event delegation. Dazu braucht man einen geeigneten Deckel, der die Blubberbläschen von den gewünschten Elementen einfängt. Den Deckel sollte man nicht zu groß machen; ohne einen Extracontainer müsste Henry den click Handler bei div#c51 oder div#content-standard registrieren. Damit schlägt dann jeder Klick in die Seite im Handler auf, das kann langsam werden wenn man mehrere Handler hat. Auf einem Core-i7 oder A10 Prozessor mag das egal sein, aber ein Ein-Watt Öfchen mit seinen 8 Transistoren könnte einknicken.

Rolf