Les blocs peuvent contenir texte et images.

La mise en place nécessite la recopie d'un script de lancement.

Voir le source de cet article.

<style>.card a, .card-body { color: #000; } </style>

<div class="width75 marginAuto" id="accordion">
  <div class="card">
    <a class="card-header card-link" data-toggle="collapse" href="#collapseOne">Bloc 1</a>
    <div class="collapse show" data-parent="#accordion" id="collapseOne">
    
      <div class="card-body"> Mettre ici le contenu 1 </div>
      
    </div>
  </div>

  <div class="card">
    <a class="card-header collapsed card-link" data-toggle="collapse" href="#collapseTwo">Bloc 2 </a>
    <div class="collapse" data-parent="#accordion" id="collapseTwo">
    
      <div class="card-body"> Mettre ici le contenu 2 </div>
      
    </div>
  </div>

  <div class="card">
    <a class="card-header collapsed card-link" data-toggle="collapse" href="#collapseThree">Bloc 3</a>
    <div class="collapse" data-parent="#accordion" id="collapseThree">
    
      <div class="card-body"> Mettre ici le contenu 3 </div>
    
    </div>
  </div>
</div>