jQuery 下拉菜单问题

Question

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

一些简单的东西我只是没有得到，但如您所见，它无法正常运行。我不确定如何将下拉菜单的隐藏链接到用户将鼠标悬停在菜单链接（而不是实际的下拉菜单）上时。

有什么想法吗？

Answer 1

由于您的菜单位于同一个

内，您可以直接将悬停附加到它，如下所示：

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

您可以在这里尝试一下，或者使用 < 更简单code>.slideToggle()，如下所示：

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

您可以给它一个在这里试试。

Answer 2

你的 javascript 有点混乱。

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

在这里：http://jsfiddle.net/xY2p6/4/