jquery - jQuery .toggle() 我该怎么做

Question

.slideToggle我在我的菜单链接 2上制作了 jquery

动作是当我点击链接 2将有另一个 div slideup id=#div2，#div2将有链接“请点击我”。

我希望我可以单击此链接，但是当我将鼠标移到“请单击我”上时，它就#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");
});