3.9 Spoiler: Inhalte hinter Button verbergen

Mit dem Tag <spoiler> </spoiler> lassen sich verdeckte Informationen im Text platzieren und per Button aufklappen.

spoiler-Button im Seiteneditor

Der Editor besitzt einen Button zum Einfügen eines Spoilers. Mit einem Klick auf den spoiler-Button wird der entsprechende Tag eingefügt (siehe untenstehenden Abbildung).

 Abb. : Spoiler einfügen mit dem Seiteneditor

Beispiel

Code:

<spoiler text="Normaler Spoiler"> Text Text Text </spoiler>

Ergebnis:

Normaler Spoiler

text

......................................

Lösung anzeigen, Musterlösung, Lösungshinweis, Hinweis, Literaturempfehlung, Ergänzende Informationen

Beispiel

Code:

<spoiler text="Normaler Spoiler"> Spoilertext </spoiler>

Ergebnis:

Normaler Spoiler

Wichtig

Den Parameter "text" können Sie auch weglassen. In diesem Fall wird der Standardtext "Lösung" als Buttonbeschriftung verwendet.

type

Der Tag Spoiler bietet über das Attribute type="transparent" die Möglichkeit eines transparenten Spoiler zu erstellen.

Beispiel

Code:

<spoiler text="Transparenter Spoiler" type="transparent"> Spoilertext </spoiler>

Ergebnis:

Transparenter Spoiler