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 :
Tout se passe comme prévu...sauf que bien sûr je veux qu'ensuite le <tbody> se replie quand on clique le bouton.
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 });
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
Partager