Question

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

这是如何运作的：

如果我将我的mose拖到下拉列表中，.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();
    });
});

演示：Fiddle

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

1 个答案: