jquery - 父级悬停功能，导航菜单jquery

Question

我正在创建像这个网站http://demo.megathe.me/skylab/这样的导航菜单，在到达这个http://jsfiddle.net/jxU95/后我完全迷失了。有什么帮助吗？这是我的js代码

   $('#main-menu li.expanded > a').hover(function(){
                $(this).next().show('slow');
        },
        function(){
             //    $(this).next().hide();
        }
    );

Answer 1

在 js http://jsfiddle.net/jxU95/1/中尝试此代码

   $('#main-menu li.expanded').hover(function(){
                $(this).find('ul').stop(true,true).show('slow');
        },
        function(){
              $(this).find('ul').stop(true,true).delay(300).hide('slow');
        }
    );

Answer 2

你可以用这样的一些来做，

现场演示

$('#main-menu li.expanded').hover(function () {
   // $('#main-menu ul ul').hide();
   $(this).find('.menu').show('slow');
}, function () {
   $(this).find('.menu').hide();
});