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 .