JQuery不停地上下跳动

Question

我正在使用jquery在LI悬停时隐藏/显示DIV。当我这样做时，div出现了，但不停地弹出，直到我把鼠标从LI上移开。

$(document).ready(function () {
    $('li.menu_head').mouseover(function () {
       $('div.newsadviceDrop').slideToggle('medium');
    });
});

Answer 1

尝试：

$(document).ready(function () {
    $('li.menu_head').hover(function () {
        $('div.newsadviceDrop').slideToggle('medium');
    });
});

编辑：要将其保持打开状态，直到再次将鼠标移除，请执行此操作

$(document).ready(function () {
    $('li.menu_head').mouseenter(function () {
        $('div.newsadviceDrop').slideToggle('medium');
    });
});

Answer 2

尝试使用.mouseenter而不是.mouseover

Answer 3

像“鼠标悬停”这样的问题。

尝试“mouseenter”而不是......

... OR

只需使用jQuery hover（）

修改

silent1mezzo 首先提交了最佳/正确答案。

Answer 4

当鼠标结束li.menu_head时，您将反复拨打.slideToggle，这就解释了您看到连续行为的原因。您可以将此替换为mouseenter和mouseexit上的行为。