父节点上的悬停功能，导航菜单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

你可以这样做，

<强> Live Demo

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