Accordéons

Principe

Un accordéon permet de fermer/ développer l'élément de contenu encadré par le début d'enveloppe et la fin d'enveloppe

Exemple :

  • les éléments de contenu de la page Activités Puy-de-Dôme sont fermés lors du chargement de la page
  • l'opérateur peut cliquer sur l'un des titres pour le développer

Avantage : la page est moins longue

Inconvénient : l'opérateur doit cliquer pour développer

Comment mettre un élément de contenu dans un accordéon

Encadrer l'élement de contenu

  1. AU-DESSUS : mettre un élément de contenu de type Accordéon -début de l'enveloppe
    avec le titre : <h1 title="cliquer pour développer">TEXTE A AFFICHER</h1>

  2. AU-DESSOUS : mettre un élélement de contenu de type Accordéon-Fin de l'enveloppe

L'image ci-dessous montre ( de haut en bas)

  1. les paramètres de l'article activités63
  2. le début de l'enveloppe, avec le titre
  3. l'élément de contenu encadré, de type texte, sans titre
  4. la fin de l'enveloppe