Thema/Elemente auf- und zuklappen

Elemente auf- und zuklappen

Erstellt vor 5 Jahren PTechnik

Frage: Auf einer Seite befinden sich mehrere Textabschnitte, deren jeweiliger Text per class="mw-collapsible mw-collapsed" standardmäßig zugeklappt ist. Nun suche ich eine Möglichkeit, per Button alle Elemente, also alle Unterseiten, dieser Seite aufzuklappen bzw. zuzuklappen.

Antwort: Auf der Wikiseite "MediaWiki:Common.js" bitte folgenden Code platzieren

 $(document).on( 'click', '.toggleall', function() {
    $('.mw-collapsible-text').trigger( 'click' );
} ); 

Auf der Seite selbst dann nur noch

<span class="toggleall">Alle auf-/zuklappen</span>

platzieren. Klappt mit jedem Element dem man die Klasse "toggleall" zuweist (auch

s). Für ein Ansprechendes Styling empfehle ich in der Wikiseite "MediaWiki:Common.css" noch folgenden Code zu platzieren:

span.toggleall {
    cursor: pointer;
    text-decoration: underline;
    color: blue;
}