Navbar下拉菜单在Bootstrap 3.1.0中不起作用

Question

问题：

我在bootstrap的下拉菜单上做了一些jquery;我通过点击它来制作动画，但我看到了一个问题。

发生问题：

将.mouseenter和.mouseleave替换为.click后，当您打开下拉列表时，不会显示任何内容。

问题原因：

$(document).ready(function () {
//The problem occurred at the two functions below
    $(".dropdown").click(function () {
        $(this).children('.dropdown-menu').stop().slideDown();
    }).click(function () {
        $(this).children('.dropdown-menu').stop().slideUp();
    });
});

澄清： 转到此处：Demo并单击两个下拉列表，但没有显示任何内容。只显示一个薄切片

回答助手

这是小提琴：Fiddle

以下是代码：

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

任何帮助都将是一个很好的解决方案