Boostrap Réduire dans bug bugguer

J'utilise Bootstrap 3 dans un projet, et je veux faire une table pliable, donc j'ai utilisé le composant de réduction, mais pas comme l'exemple de l'accordéon. Mon problème est que je veux que la table soit affichée par défaut, mais quand j'ajoute le "in" dans mon code et que je teste le toggle, il ne se cache pas, mais il déclenche l'animation "show" à la place, ça fonctionne bien.Boostrap Réduire dans bug bugguer

Voici mon code:

<div class="row"> 
    <div class="col-xs-12"> 
     <h1 class="text-center"> 
      Factures en attente d'encaissement 
      <a href="#collapseEm" data-toggle="collapse" aria-expanded="false" aria-controls="collapseEm"> 
       Cacher/Afficher 
      </a> 
     </h1> 
    </div> 

</div> 
<div class="row factures-table"> 
    <div class="col-xs-12" id="collapseEm" class="collapse in" data-toggle="false"> 
...

Toute idée?

Merci d'avance.

Source

2017-10-09 Wirvend

s'il vous plaît mettre votre code en utilisant 'snippet' – core114

Vous utilisez' class' attribuer deux fois dans votre 'id = » collapseEm "' élément. Veuillez entrer toutes les classes dans un seul attribut et vous pouvez également supprimer l'attribut 'data-toggle' de l'élément' id = "collapseEm" '. – abhim

@abhim Merci beaucoup, je ne l'ai pas vu, ça marche très bien maintenant! – Wirvend

Le problème venait de ma double déclaration d'un attribut class. L'enlever résolu mon problème

<div class="col-xs-12" id="collapseEm" class="collapse in" data-toggle="false">

est devenu

<div class="col-xs-12 collapse in" id="collapseEm">

Merci @abhim

Source

2017-10-09 08:56:19 Wirvend

Boostrap Réduire dans bug bugguer

Répondre

Questions connexes