Klapptexte

<span style="cursor: pointer;" id="an" onclick=

"document.getElementById('text').style.display='block';document.getElementById('an').style.display='none';document.getElementById('zu').style.display='block'">Text aufklappen</span> <span style=

"display: none; cursor: pointer;" id="zu" onclick=

"document.getElementById('text').style.display='none';document.getElementById('an').style.display='block';document.getElementById('zu').style.display='none'">Text zuklappen</span>

<div style="display: none;" id="text">

Diesen Text kannst du nur lesen, wenn die Überschrift soeben angeklickt hast. Dieser tolle Effekt wurde von www.Der-Bielefeld-Club.de.tl im Baukasten-Forum bereitgestellt und eignet sich als wahrer Hingucker für deine Seite!

</div>

*Die schwarzen Textteile kannst du natürlich nach Belieben anpassen.

Quelle: http://hpbk-templateworld.de.tl/Aufklappbare-Texte.htm

<details>

    <summary>

        Überschrift 1

    </summary>

    <p>

        Versteckter Text 1: Lorem ipsum dolor sit amet...

    </p>

</details>

<br />

<details>

    <summary>

        Überschrift 2

    </summary>

    <p>

        Versteckter Text 2: Lorem ipsum dolor sit amet, consetetur sadipscing elitr...

    </p>

</details>

Quelle: http://webkompetenz.wikidot.com/html-handbuch:details