Sous menu mouseenter avec FadeIn
Bonjour,
je suis en train de réaliser un simple sous-menu en jquery/javascript qui s'ouvre lorsqu'on passe sur son bouton.
J'ai 2 élément:
-Mon bouton
-Ma div du sous menu
Mais voila je m'arrache les cheveux impossible de garder le sous menu ouvert quand on y passe la souris dessus.
Mon script:
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
|
var display;
$("#ico_menu_sw").mouseenter(function(){
$("#ico_menu_sw img").attr("src","images/ico_menu_hover.png");
$(".sous_menu_sw").fadeIn("slow");
}).mouseleave(function(){
var display=false;
$("#ico_menu_sw img").attr("src","images/ico_menu.png");
$(".sous_menu_sw").mouseover(function(){
var display=true;
}).mouseleave(function(){
$(".sous_menu_sw").fadeOut("slow");
});
if(display==false){
$(".sous_menu_sw").fadeOut("slow");
}
else{}
}) |
Pour voir le html/css : http://l2babylone.lescigales.org/ c'est le bouton "solution web".
Merci d'avance, j'ai tout essayer je comprend vraiment pas.
Cordialement
Bonne soirée
