Wechseln zu:Navigation, Suche
Wiki
KKeine Bearbeitungszusammenfassung
KKeine Bearbeitungszusammenfassung
Zeile 1: Zeile 1:
<includeonly><span>{{{icon|}}}<div  
<includeonly><span>{{{icon|}}}<div  
class="mw-collapsible {{#ifeq: {{{3|{{{collapsed|false}}}}}}|true | mw-collapsed}} {{#ifeq: {{{4|{{{layout|{{{dezent|}}} }}} }}}|dezent | dezent}}"
class="mw-collapsible {{#ifeq: {{{3|{{{collapsed|false}}}}}}|true | mw-collapsed}} {{{4|}}}"
data-expandtext="{{{1|{{{einblenden|{{{ausklappen|ausklappen}}} }}} }}}"  
data-expandtext="{{{1|{{{einblenden|{{{ausklappen|ausklappen}}} }}} }}}"  
data-collapsetext="{{{2|{{{ausblenden|{{{einklappen|einklappen}}} }}} }}}"  
data-collapsetext="{{{2|{{{ausblenden|{{{einklappen|einklappen}}} }}} }}}"  

Version vom 22. Januar 2020, 16:22 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