Discussion :

[5c0rPi0n]

Bonjour à tous.

Voilà, j'ai réussi à trouver un menu déroulant en jquery. Je l'ai adapté à mon menu, tout marche niquel sauf un seul petit truc : les sous-menus qui sont censés être enroulés au chargement de la page ne le sont pas : http://img263.imageshack.us/img263/529/siteyt.jpg.

Cependant, tout marche niquel quand on passe la souris sur un des boutons, ils se réenroulent parfaitement.

En gros, c'est la position initiale qui pose problème. Et je pense que pour ça, uniquement le script jquery devrait être problématique, je le joins ci-dessous.

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
16
17
18
19
20
21
22
23
24
25
26
var obj = null;
 
function checkHover() {//fonction de disparition
	if (obj) {
		obj.children('ul').fadeOut('fast');	
	} //if
} //checkHover
 
$(document).ready(function() {
	$('#Nav > li').hover(function() {
		if (obj) {//si l'objet est présent, il est déroulé, donc on le fait disparaitre
			obj.children('ul').fadeOut('fast');
			obj = null;
		} //sinon, on le fait apparaitre lorsque l'on passe la souris dessus
 
		$(this).children('ul').fadeIn('fast');
 
	}, function() { //on fait disparaitre si on est plus sur l'élément au bout de 0 seconde
		obj = $(this);
		setTimeout(
			"checkHover()",
			0); // si vous souhaitez retarder la disparition, c'est ici
	}), $('.Menu > li').hover(function(){//fonction qui fait "clignoter une fois" l'entrée du menu au passage de la souris
		$(this).fadeTo('slow', 0.3);
		$(this).fadeTo('normal', 1);});
});

Merci par avance pour vos aides.
Bonne soirée.

[5c0rPi0n]

Bonsoir.

J'ai résolu tout seul mon problème en rajoutant une fonction fadeOut() au body onload de la page. Pas très classe, mais ça marche.
J'aimerai quand même comprendre pourquoi ce script jquery ne faisais pas disparaître ces divs automatiquement au chargement de la page...?

Merci quand même, bonne soirée.