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

text

Mit dem Attribut "text" können Sie den Spoiler betiteln. Je nach Einsatzszenario sind Betitelungen wie z.B.: Lösung anzeigen, Musterlösung, Lösungshinweis, Hinweis, Literaturempfehlung, Ergänzende Informationen denkbar.

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 einen transparenten Spoiler zu erstellen.

Beispiel

Code:

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

Ergebnis:

Transparenter Spoiler