Discussion :

[galgor]

Bonjour,

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

[Sourrisseau]

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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 !!!

[galgor]

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

[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

[Calvein]

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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

Ou alors plus joliment :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

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