L’accordéon COMPOSANTS D’INTERFACE:Accordéon

Les accordéons permettent d’afficher beaucoup de contenu dans peu de place dans la page. Le dossier à télécharger pour ces exemples est nommé 08-Interface-10.

Voici la structure de cet exemple :

<div class="accordion" id="accordeon"> 
   <div class="accordion-item"> 
      <h2 class="accordion-header" id="headingOne"> 
          <button class="accordion-button" type="button" 
data-bs-toggle="collapse" data-bs-target="#collapseOne" 
aria-expanded="true" aria-controls="collapseOne">Lorem Ipsum</button> 
      </h2> 
      <div id="collapseOne" class="accordion-collapse collapse show" 
aria-labelledby="headingOne" data-bs-parent="#accordeon"> 
          <div class="accordion-body"> 
              Fusce dapibus, tellus ac cursus commodo... 
          </div> 
      </div> 
   </div> 
   <div class="accordion-item"> ...