javascript - 无法关闭 twitter bootstrap 3.1.0 中的下拉菜单

Question

我创建了一个导航栏并在两个下拉菜单上添加了 .slideDown() 和 .slideUp() 效果

这是它的工作原理:

如果我将鼠标悬停在下拉菜单上，将触发 .mouseenter() 事件，下拉菜单的内容将向下滑动，如果我将鼠标悬停在下拉菜单上，它将向上滑动，隐藏内容。

问题:

当我将鼠标悬停在第一个下拉菜单上时，它不会隐藏，而当我尝试在第二个下拉菜单上悬停它时，它不起作用，我单击它时它起作用了，但当我将鼠标悬停时它不会隐藏到第二个下拉菜单。

fiddle :http://jsfiddle.net/jakobaindreas11/32S7a/

Answer 1

你的脚本必须是

$(document).ready(function () {
    $(".dropdown").mouseenter(function () {
        $(this).children('.dropdown-menu').stop().slideDown();
    }).mouseleave(function () {
        $(this).children('.dropdown-menu').stop().slideUp();
    });
});

演示:Fiddle