- Passer au contenu principal
- Passer à « À propos de ce site »

# Correctif « details/summary » (contenu affichable/masquable)

- Documentation
- Questions ou commentaires?

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 :
  2014-07-21