Bonjour à tous,

J'ai un bouton bootstrap qui déplie un <tbody> masqué au clic.

Code html : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
<a href="javascript:void(0)" class="gere_docs" id="gere_docs-'.$dos->id_dossier.'">
<button type="button" id="bouton_deplie-'.$dos->id_dossier.'" class="btn btn-warning btn-sm gere-docs-button">Ouvrir</button>
</a>
<tbody style="display:none" id="affiche_docs-'.$dos->id_dossier.'">du contenu...</tbody>

Côté JS :
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
        $(".gere_docs").on('click', function(event) {
            var data_id = $(this).attr('id').split("-");
            var id = data_id[1];
 
            $('#affiche_docs-'+id).fadeIn('slow');
            //le td se déplie
 
            $('#button_deplie-'+id).removeClass("btn-warning").addClass("btn-success");//je change la couleur du bouton
            $('#button_deplie-'+id).text("Fermer le dossier"); // je change le texte
            $('#gere_docs-'+id).removeClass("gere_docs").addClass("ferme_dossier"); // je change la classe du lien
            $('#gere_docs-'+id).attr('id','ferme_dossier-'+id); //je change l'ID du lien           
        });
Tout se passe comme prévu...sauf que bien sûr je veux qu'ensuite le <tbody> se replie quand on clique le bouton.
Bref, au début on a le bouton "Déplier", on le clique ça déplie le <tbody> puis le bouton change et devient "Replier" et il replie le <tbody> quand on le clique.
Et là, je coince. Merci de votre aide