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> ...
Pour consulter la suite, découvrez le livre suivant :
couv_OW24BOO.png
60-signet.svg
En version papier
20-ecran_lettre.svg
En version numérique
41-logo_abonnement.svg
En illimité avec l'abonnement ENI
130-boutique.svg
Sur la boutique officielle ENI
Précédent
La pagination
Suivant
Les fenêtres modales