无法关闭twitter bootstrap 3.1.0中的下拉列表

Question

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

这是如何工作的：

如果我将我的mose悬停在下拉列表中， .mouseenter()触发.mouseenter()事件，并且下拉列表的内容将向下滑动，如果我将鼠标移至下拉列表，它将向上滑动并隐藏内容。

问题：

当我在第一个下拉列表中取消鼠标时，它将不会隐藏，当我在第二个尝试时我徘徊它并且它不起作用，我点击它它工作但是当我将鼠标移开到第二个时它将不会隐藏落下。

小提琴： 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();
    });
});

演示： 小提琴