hover qu'une seul fois

Bonjour,

Je souhaite avoir des informations qui se déploient en passant la souris sur le titre grâce au script :

Code:

---

1 2 3 4 5 6 7 8 9 10 11

$(document).ready(function(){ $(".slide div").hide();   $(".slide span.link").hover(function() { $(this).next("div").slideToggle("slow") .siblings("div:visible").slideUp("slow"); $(this).toggleClass("active"); $(this).siblings("span.link").removeClass("active"); });   });

---

Mais je ne sait pas comment faire pour que le hover ne se fasse qu'une seul fois. C'est à dire que seul la div qui est déployé resté déployé.

Merci d'avance,

Très cordialement,

Nicolas

et bienvenue sur le forump de jquery de développer. Concernant ta question je pense que le code suivant devrait faire ton affaire.

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13

$(document).ready(function(){ $(".slide div").hide();   $(".slide span.link").one('hover',function() { $(this).next("div").slideToggle("slow") .siblings("div:visible").slideUp("slow"); $(this).toggleClass("active"); $(this).siblings("span.link").removeClass("active"); });   });

---

La méthode one() de jquery permet de d'appeler un évènement une seule fois. Dis mois si cela te convient.

PS : pour ton confort ( et celui des lecteurs ) tu as une touche # dans la barre de tâche qui te permet d'insérer une balise code. Le code après et tout joli. Voili et encore bienvenue !!! ;)

Merci beaucoup pour votre réactivité, votre réponse et vos conseilles pour le forum.

Par contre le hover ne marche pas, j'ai essayé de le remplacer par 'click' et sa marche, bizarre ...

Si vous avez une réponse à ce problème...

merci

Tant que j'y suis j'ai une dernière faveur à demandé.
Je souhaiterai que le ' $(".slide div").hide();' ne se fasse qu'une seul fois au démarrage de la page.

Et encore merci d'avance

Citation:

---

Envoyé par galgor

Tant que j'y suis j'ai une dernière faveur à demandé.
Je souhaiterai que le ' $(".slide div").hide();' ne se fasse qu'une seul fois au démarrage de la page.

Et encore merci d'avance

---

Je ne pense pas que one() soit utile ici, donc une bonne vielle boucle devrait suffire.

Code:

---

1 2 3 4 5

for (i = 0 ; i < 1 ; i++) { $(".slide div").hide(); }

---

Ou alors plus joliment :

Code:

---

$('#hello:visible').hide();

---

Tu mets ça n'importe où dans ton JS, il ne l'exécutera qu'une seule fois.