De details-tag
De tag details creëert een spoiler in HTML,
dat wil zeggen, het wordt gebruikt voor informatie die
naar wens van de gebruiker kan worden verborgen of getoond.
Standaard is de inhoud van de tag verborgen. Om
het op verzoek van de gebruiker te tonen, moet
je de tag
summary toevoegen, die een titel aangeeft
voor de tag details. Deze titel is altijd
zichtbaar op de pagina (zelfs als de inhoud van details
zich in een samengevouwen staat bevindt) en erop
kan worden geklikt om de verborgen tekst uit te vouwen
of in te vouwen.
Om de verborgen inhoud te tonen kan je ook
gebruik maken van het attribuut open van de tag details
(bijvoorbeeld om de inhoud van details
te tonen met JavaScript).
Voorbeeld
Laten we eens kijken hoe de tag details werkt:
<details>
<summary>click me</summary>
hidden text
</details>
:
Zie ook
-
het attribuut
hidden,
dat blokken op de pagina verbergt
