無法關閉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();
    });
});

演示： 小提琴