L’accordéon COMPOSANTS D’INTERFACE:Accordéon ACCORDÉON:Composants d’interface

Les accordéons permettent de proposer beaucoup de contenu rédactionnel dans peu d’espace. Chaque volet de l’accordéon aura son propre contenu. Notez que le composant Accordéon utilise la classe .card que nous avons vue dans les cartes.

Le dossier à télécharger pour ces exemples est nommé 08-Interface-10.

Voici la structure d’un accordéon :

<div id="accordion"> 
        <div class="card"> 
                <div class="card-header" id="volet1"> 
                        <h5 class="mb-0"> 
                                <button class="btn btn-link" 
data-toggle="collapse" data-target="#contenu1" aria-expanded="true" 
aria-controls="contenu1"> 
                                        Euismod Risus Justo Venenatis 
                                </button> 
                        </h5> ...