Question

我在菜单 Link 2

上制作了jquery .slideToggle

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

我希望我可以点击此链接，但当我将鼠标移到“Click Me Please”上时，#div2已消失。

如果我可以点击#div2上的链接以及当我将鼠标移动到链接1 http://jsfiddle.net/u3888/22/ >和链接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();});

在此更改之后，它不会自动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");
});

jQuery .toggle（）我该怎么办？

3 个答案: