HTML <details> tag
Op deze pagina:
Voorbeeld:
<details>
<summary>Vroege dienst</summary>
<p>De vroege dienst begint om 7:30.</p>
<p>Medewerkers hebben steeds één week vroege dienst en dan één week late dienst.</p>
</details>
De <details> tag geeft extra details die de gebruiker kan tonen of verbergen naar wil.
De <details> tag kan gebruikt worden om een interactieve widget te maken die door de gebruiker geopend en gesloten kan worden. De inhoud van een details element mag alleen zichtbaar zijn als het open attribuut is aangezet.
De <summary> tag wordt gebruikt om een zichtbare kop te geven voor de details. De kop kan dan aangeklikt worden om de details te tonen of te verbergen.
Attributen
- open
- "open" - Laat de details zien
Standaard css voor het details element
details {
display: block;
}