jQuery 下拉菜单问题

Question

我的下拉菜单有一些问题。代码在这里: http://jsfiddle.net/xY2p6/1/

一些简单的东西我只是没有得到，但正如你所看到的，它没有正常工作。我不确定如何将下拉菜单的隐藏与用户悬停在菜单链接而不是实际下拉菜单上的时间联系起来。

有什么想法吗？

Answer 1

因为你的菜单在同一个<li>里面您可以直接将悬停附加到它，如下所示:

$(function() {
    $(".dropdown").hover(function() {
        $(this).children("div.sub-menu").slideDown(200);
    }, function() {
        $(this).children("div.sub-menu").slideUp(200);
    });
});​

You can give it a try here ，或者更简单的 .slideToggle() ，像这样:

$(function() {
    $(".dropdown").hover(function() {
        $(this).children("div.sub-menu").slideToggle(200);
    });
});​

You can give it a try here .