Partage
  • Partager sur Facebook
  • Partager sur Twitter

fonctionnalité collapse bootstrap

Sujet résolu
14 août 2018 à 23:35:54

Bonsoir !

J'utilise la fonctionnalité collapse de bootstrap, cependant je souhaite qu'à l'ouverture de la page les contenus soient affichés par défaut.

J'ai donc suivi la doc et set aria-expended="true". mais lorsque je clique sur mon lien , rien ne se passe, il faut appuyer une seconde fois avant que le paragraphe en question "disparaisse".

Je ne comprends pas pourquoi

<a data-toggle="collapse" href="#etape1" role="button" aria-expanded="true" aria-controls="etape1" style="text-decoration: none;">
        <?php $form->labelGrey('Étape n°1 - Les catégories d\'ingrédient'); ?>
</a>


<div id="etape1" class="contour">
   <p>Contenu</p>
</div>

Une idée de la raison du problème ? Je ne vois pas ce que j'ai mal configuré :euh:

  • Partager sur Facebook
  • Partager sur Twitter
15 août 2018 à 1:11:37

Bonsoir,

Regarde ici

If you’ve set the collapsible element to be open by default using the show class, set aria-expanded="true" on the control instead.

du coup tu devrais avoir ceci:

<div id="etape1" class="collapse show contour">


Cordialement.

  • Partager sur Facebook
  • Partager sur Twitter

Si Microsoft inventait quelque chose qui ne plante pas, ça serait le clou.