Bonjour,
J'essaie de remplacer une class sur une balise h3 suivant l'état (afficher/masquer) d'un div qui la suit.
Exemple
Ou une démo ici: http://jsfiddle.net/dA6ww/4/
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15 $(document).ready(function() { $(".features div").hide(); // Masque tout les div par défaut $(".features h3").addClass("expand"); // Ajoute la class expand aux balises H3 $(".features h3").click(function() { $(".features div").slideUp(10); // Si il y'a un div ouvert on le referme $(this).next(".features div").toggle(); // Ouvre le div suivant la balise H3 // Vérifie l'état des div (afficher/masquer) et applique la class correspondante $(this).next(".features div").is(':hidden') ? $(this).removeClass("collapse").addClass("expand") : $(this).removeClass("expand").addClass("collapse"); }); });
merci d'avance pour votre aide ...Les puces collapse et expand, si vous cliquez vous verrez quel ne reviennent pas à leurs états initial ...
Cordialement
Partager