Vorlage:Toggle

Aus Stupidedia, der sinnfreien Enzyklopädie!
Wechseln zu: Navigation, Suche

Parameter

{{Toggle|<Text, der beim Laden eingeblendet ist>|<Text, der beim Laden versteckt ist>|<Kennzeichnung des Togglers>}}

Die Texte können über bestimmte Elemente ein- und ausgeblendet werden. Diese haben die folgende Form:

Anzeigen
<span class="_toggler_show-XYZ">Text</span>
Blendet den Inhalt des Togglers mit der Kennzeichnung "XYZ" ein.
Verstecken
<span class="_toggler_'''hide'''<nowiki>-XYZ">Text</span>
Blendet den Inhalt des Togglers mit der Kennzeichnung "XYZ" aus.
Umschalten
<span class="_toggler_toggle-XYZ">Text</span>
Blendet den Inhalt des Togglers mit der Kennzeichnung "XYZ" ein oder aus.

Einzelner Toggler

Öffnen

Wiki-Syntax

<span class="_toggler_show-XYZ">Lasst mich den Text sehen!</span>
{{toggle||
Wenn man oben auf den Knopf "Lasst mich den Text sehen!" klickt, wird dieser Text hier angezeigt, da oben im <span> "_show-XYZ" mit dem Text des nächsten Parameters übereinstimmt.
|XYZ}}

Ergebnis

Lasst mich den Text sehen!

Schließen

Wiki-Syntax

<span class="_toggler_hide-ABC">Versteckt den Text!</span>
{{toggle|
Wenn man oben auf den Knopf "Versteckt den Text!" klickt, wird dieser Text hier versteckt, da oben im <span> "_hide-ABC" mit dem Text des dritten Parameters übereinstimmt.
||ABC}}

Ergebnis

Versteckt den Text!

Wenn man oben auf den Knopf "Versteckt den Text!" klickt, wird dieser Text hier versteckt, da oben im <span> "_hide-ABC" mit dem Text des dritten Parameters übereinstimmt.

Öffnen und wieder schließen

Wiki-Syntax

<span class="_toggler_toggle-ZYX">Lasst mich den Text sehen!</span>
{{toggle||
Wenn man oben auf den Knopf "Lasst mich den Text sehen!" klickt, wird dieser Text hier angezeigt, da oben im <span> "_toggle-ZYX" mit dem Text des nächsten Parameters übereinstimmt.
|ZYX}}

Ergebnis

Lasst mich den Text sehen!

Mehrere Toggler

Anzeigen

Wiki-Syntax

<span class="_toggler_show-tab1">Zeige Text 1</span>
<span class="_toggler_show-tab2">Zeige Text 2</span>
<span class="_toggler_show-tab3">Zeige Text 3</span>
{{toggle||Text 1|tab1}}
{{toggle||Text 2|tab2}}
{{toggle||Text 3|tab3}}

Ergebnis

Zeige Text 1
Zeige Text 2
Zeige Text 3


Linktipps: Faditiva und 3DPresso