jquery - jQuery .toggle() どうすればいいですか

Question

.slideToggleメニューリンク2でjqueryを作成しました

アクションは、Link 2をクリックすると別の div がslideup id=#div2あり、#div2「Click Me Please」というリンクがあります。

このリンクをクリックできるようにしたいのですが、「Click Me Please」の上にマウスを移動すると、リンクが#div2消えてしまいます。

実際に見てください： http://jsfiddle.net/u3888/22/ちなみに、リンクをクリックでき#div2、マウスをリンク1とリンク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のfadeOut()を変更

代わりに指定します。

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

この変更後、Link2 をクリックするまで自動的にフェードアウトしません。

ここでフィドルをチェックしてください

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");
});