#394132 Aus- und Einklappen - wie geht's? (web.coding)

verfaßt von MudGuard , München, 10.03.2016, 14:00:20

> ich wüsste gern, wie das bei der mobilen Anicht von Wikipedia mit dem Aus-
> und Einklappen der Haupt-Abschnitte gelöst ist. Als ziemlich beliebiges
> Beispiel sei die Seite
> Haushaltssaldo
> genannt.

per Javascript wird der Überschrift die Klasse open-block hinzugefügt bzw. weggenommen.

Sieht man, wenn man im Firefox mit Firebug das Element analysiert und es auf/zuklappt.

Das gleiche gilt für das div, das den zugehörigen Inhalt enthält.

Im CSS steht dann im Wesentlichen:

.collapsible-block { display: none; }
.collapsible-block .open-block { display: block; }

.collapsible-heading { /* zeige Aufklapp-Pfeilchen */
.collapsible-heading .open-block { /* zeige Zuklapp-Pfeilchen */ }

Das Javascript sucht vermutlich in der Seite nach Elementen mit class collapsible-block bzw. collapsible-heading und hängt daran dann die entsprechenden javascript-Eventhandler

--

MudGuard
O-o-ostern

gesamter Thread: