> 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

Habe jetzt hier ein sehr einfaches Beispiel für diese Funktionalität gefunden.

Der Haken daran ist, dass man jeder Frage und jeder Antwort eine ID zuweisen muss. Das ist natürlich eine üble Einschränkung, so lange das nicht automatisiert passiert.

2 Fragen daher:
a) Wäre es denkbar, dass ein JS das Zuweisen von IDs nach dem Laden der Seite erledigt?
Also dass z.B. alle Elemente der class="unsichtbar" eine durchnummerierte ID zugewiesen bekommen? Und auch in den Fragen müsste die ID ja eingetragen werden. Hmm, hmm, kann ein JS JS ändern?

oder

b) wäre es denkbar, dass das onclick-JS nicht eine ID anspricht, sondern "einfach" das nachfolgende DIV, z.B. das nächste DIV mit class="unsichtbar"?
Das wäre doch genial und in vielen Fällen zielführend!

Gruß Karsten

--
Ich bin sehr aktiv bei facebook, wo ich vor allem Fotos zeige und mich in Gruppen über alles mögliche, insbesondere meine Heimatstadt Konstanz austausche.