Drop down menu 导航栏下拉菜单在Bootstrap 3.1.0中不工作

问题：

$(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();
    });
});

我在bootstrap的下拉菜单上做一些jquery；我正在通过单击它来设置动画，但我发现了一个问题

出现问题：

$(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();
    });
});

将

.mouseenter

和

.mouseleave

替换为

后，单击

，打开下拉列表时，不会显示任何内容

问题原因：

$(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();
    });
});

澄清： 转到此处：单击这两个下拉列表，什么也不显示。只有薄薄的一片出现

应答助手

这是小提琴：

代码如下：

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

任何帮助都将是一个伟大的解决方案