Wechseln zu:Navigation, Suche
Wiki
KKeine Bearbeitungszusammenfassung
KKeine Bearbeitungszusammenfassung
Zeile 1: Zeile 1:
<div class="mw-collapsible {{#ifeq: {{{collapsed|false}}}|true | mw-collapsed}}" data-expandtext="{{{1|{{{ausklappen|ausklappen}}}}}}" data-collapsetext="{{{2|{{{einklappen|einklappen}}}}}}" id="#mw-customcollapsible-Inhalte">
<div class="mw-collapsible {{#ifeq: {{{collapsed|false}}}|true | mw-collapsed}}" data-expandtext="{{{1|{{{ausklappen|ausklappen}}}}}}" data-collapsetext="{{{2|{{{einklappen|einklappen}}}}}}" id="#mw-customcollapsible-Inhalte"><div class="mw-collapsible-content"><noinclude>
<div class="mw-collapsible-content">
{{Dokumentation}}
</noinclude>

Version vom 6. Juni 2019, 16:30 Uhr


Syntax: {{ Einblenden | Zeig | weg damit | true | dezent}} […] </div></div></span>

Um Textabschnitte ein- und ausblenden zu können wird die Klasse mw-collapsible verwendet.
Die nicht eben intuitiven Parameter werden hier eingängig übersetzt.

Am Ende des ausklappbaren Abschnitts müssen unbedingt zwei div-Tags und ein span-Tag </div></div></span> eingefügt werden!

Parameter Default Beschreibung
| 1
| ausklappen=
| einblenden=
ausklappen
{{Einblenden| zeig| weg damit}}Darum geht's</div></div>
Darum geht's
| 2
| einklappen=
| ausblenden=
einklappen
Darum gehts
| 3
| collapsed=
true true: Text ausgeblendet (Default-Zustand)
false: Text eingeblendet
| 4
| layout=
layout=dezent
dezente Darstellung
| id Null id=2 → id="mw-customcollapsible-Inhalte2"
Um den Bereich, der eingeblendet oder ausgeblendet werden soll eindeutig zu identifizieren wird das tag id="mw-customcollapsible-Inhalte" verwendet.
Soll nun ein ausklappbarer Bereich verschachtelt werden, muss der zweite Bereich mit id="mw-customcollapsible-Inhalte2" getagt werden. Das verhindert ein ungewolltes einblenden der Verschachtelung.
| Vorschau= blendet ein Vorschaubildchen rechts vom Toggle-Text ein.
  • table-check.png Table-check.png
  • step-by-step.png Step-by-step.png
| class-content= css Klasse, die auf den Contentbereich wirkt.
z.B.: grid um Text neben großen Bildern anzeigen zu lassen
| css= beliebiges css, das auf die Vorlage wirkt