HTML5 details

La balise <details> permet de déclarer une section dont le titre est visible et le contenu est masqué. Par défaut le titre de la section est "Détails", mais il est possible de le changer en employant L'élément <summary>. De même, il est possible de rendre le contenu ouvert en employant l’attribut "open".
Elle s’emploie pour regrouper par exemple des notes à la fin d’un article que l’utilisateur peut visualiser s’il le souhaite.

Support:

 

Exemple d'utilisation:

    <details>
         <summary>HTML</summary>
         <p>HyperText Markup Language</p>
    </details>
   

Résultat:

HTML

HyperText Markup Language

 

Autre exemple:

    <details open="open">
         <summary>HTML</summary>
         <p>HyperText Markup Language</p>
    </details>
   

Résultat:

HTML

HyperText Markup Language