懸停功能在父母，導航菜單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(); 
});