Der details – Tag und wie man ihn einsetzt

Es gibt die verschiedensten Gründe warum man einen Text verstecken möchte, der dann per Mausklick angezeigt wird. In der Praxis sieht das so aus:

Wir bedienen uns des details – Elements, das es ermöglicht ganz ohne den Einsatz von JavaScript, ursprünglich verborgene Textinhalte aufzuklappen. Der Code dazu sieht so aus:

<details>
 <summary>Klick mich</summary>
 Jetzt siehst du den versteckten Text!
</details>