Il est loin le temps où il fallait installer une bibliothèque pour ajouter des liens de type accordéon, c'est-à-dire des sections qui peuvent être ouvertes et refermées en cliquant sur le titre.
Les fonctionnalités requises sont désormais incluses directement dans le HTML grâce aux balises <details> et <summary>.
Entre les balises <details> et </details>, on inscrit le titre entouré de <summary> et </summary>, suivi du texte qui peut être caché ou non.
<details>
<summary>Cliquez pour développer</summary>
Voici les détails...
</details>
Un triangle sera affiché devant le texte et il changera de position selon que les la section est ouverte ou refermée.
Voici le résultat du code précédent (certains élément visuels sont dus à la feuille de style de ce site Web ;-)) :
▼Publicité
Site fièrement hébergé chez A2 Hosting.