Correctif « details/summary » (contenu affichable/masquable)
Vous cherchez la BOEW v3.1?
À partir du 23 septembre 2014, la version 3.1 de la Boîte à outils de l'expérience Web n'est plus supportée. Le code source et la documentation ont été déplacés vers le dépôt wet-boew-legacy.
Les éléments HTML5 « details » et « summary » sont utilisés pour fournir le contenu en arborescence affichable/masquable. Ce composant ajoute le soutien pour ces éléments dans les navigateurs qui n'ont pas déjà la prise en charge native.
Exemples
-
Exemple 1
Le contenu d'exemple qui fournit plus de détails.
Tasses de café bues par chaque député Nom Tasses Type de café Sucre? T. Sexton 10 Expresso Non J. Dinnen 5 Déca Oui -
Exemple 2
Le contenu d'exemple qui fournit plus de détails.
Tasses de café bues par chaque député Nom Tasses Type de café Sucre? T. Sexton 10 Expresso Non J. Dinnen 5 Déca Oui -
Exemple 3
Le contenu d'exemple qui fournit plus de détails.
Tasses de café bues par chaque député Nom Tasses Type de café Sucre? T. Sexton 10 Expresso Non J. Dinnen 5 Déca Oui
Code
<ul class="list-unstyled">
<li>
<details>
<summary>Exemple 1</summary>
...
</details>
</li>
<li>
<details open="open">
<summary>Exemple 2</summary>
</details>
</li>
...
</ul>- Date de modification :