Wechseln zu:Navigation, Suche
Wiki
KKeine Bearbeitungszusammenfassung
Keine Bearbeitungszusammenfassung
 
(21 dazwischenliegende Versionen von einem anderen Benutzer werden nicht angezeigt)
Zeile 1: Zeile 1:
<includeonly><span>{{{icon|}}}<div
<includeonly><span><div<!-- title="{{#replace:{{{1|Einblenden}}}|"|}} "-->
class="mw-collapsible {{#ifeq: {{{3|{{{collapsed|false}}}}}}|true | mw-collapsed}} {{{4|}}}"
class="mw-collapsible {{#ifeq: {{{3|{{{collapsed|true}}} }}}|false| | {{#if:||{{{3|}}}}} {{#ifeq: {{{layout|{{{4|}}} }}}}|false||mw-collapsed}} }} {{{layout|{{{4|}}} }}} {{{icon|}}}"
data-expandtext="{{{1|{{{einblenden|{{{ausklappen|ausklappen}}} }}} }}}"  
data-expandtext="{{{1|{{{einblenden|{{{ausklappen|}}} }}} }}}"  
data-collapsetext="{{{2|{{{ausblenden|{{{einklappen|einklappen}}} }}} }}}"  
data-collapsetext="{{{2|{{{ausblenden|{{{einklappen|}}} }}} }}}"  
id="mw-customcollapsible-Inhalte"
id="mw-customcollapsible-Inhalte{{{id|}}}"
></span><div class="mw-collapsible-content"></includeonly><noinclude>
>{{#if: {{{Vorschau|}}}| <span class="Vorschaubild">[[Datei:{{{Vorschau|}}}|link=]]</span>}}<div class="mw-collapsible-content {{{class-content|}}}"></includeonly></span><noinclude>
{{Dokumentation}}
{{Dokumentation}}
</noinclude>
</noinclude>

Aktuelle Version vom 16. Januar 2024, 10:01 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