jQuery的.toggle（）我該怎麼辦

Question

我已經取得了jQuery .slideToggle我的菜單鏈接2

的作用是，當我點擊鏈接將有另一個DIV slideup id=#div2，在#div2將有鏈接「請點擊我」。

我希望我可以點擊這個鏈接，但是當我將鼠標移動到「Click Me Please」上時，#div2已經不存在了。順便說http://jsfiddle.net/u3888/22/如果我可以點擊#div2的鏈接，當我把鼠標移動到鏈接和鏈接3我想#div2走了自動：在行動

請參閱。

請告訴我我錯在哪裏。

Answer 1

入住此的jsfiddle鏈接：

http://jsfiddle.net/u3888/29/

這是代碼：

$("#menu_244 a").hover(function(){ 
    $("#div1").fadeIn(); 
    $("#div2").fadeOut(); 
}); 

$("#menu_244").mouseout(function(){ 
    $("#div1").fadeOut(); 
}); 

$("#menu_245 a").click(function(){ 
    $("#div2").slideToggle("slow"); 
}); 

$("#menu_246 a").hover(function(){ 
    $("#div2").fadeOut(); 
    $("#div3").stop().fadeIn(500); 
    $("#menu_246").mouseout(function(){ 
     $("#div3").fadeOut(); 
    }); 
}); 

Answer 2

嘿，你寫了以下事件的錯誤代碼。

$("#menu_245").mouseout(function(){ 
$("#div2").fadeOut();}); 

你改變DIV2

，而不是您指定的淡出（）。

$("#menu_245").mouseout(function(){ 
$("#div1").fadeOut();}); 

在此更改後，它不會自動淡出，直到您單擊Link2。

檢查小提琴here

Answer 3

$("#menu_244 a").hover(function(){ 
    $("#div1").fadeIn(); 
    $("#div2").fadeOut(); 
    $("#div3").fadeOut(); 
}); 

$("#menu_245 a").hover(function(){ 
    $("#div1").fadeOut(); 
    $("#div3").fadeOut(); 
}); 

$("#menu_245 a").click(function(){ 
    $("#div2").slideToggle("slow"); 
}); 

$("#menu_246 a").hover(function(){ 
    $("#div1").fadeOut(); 
    $("#div2").fadeOut(); 
    $("#div3").stop().fadeIn("5000"); 
});