jQuery的 - 與停止功能

初級NAV

次級NAV

子NAV（僅在的伯或側翻所示的延遲secondary nav

我需要在那裏有一個延遲的fadeOut調用足夠長的時間讓用戶從主導航到subnav，一旦通過subnav我需要懸停fadeOut取消他們的鼠標。將鼠標懸停在輔助導航項上時重複該想法。（我知道如何添加延遲，但不是如何取消懸停）

TIA

<div class="primary"> 
    <ul class="primary common"> 
     <li class="primary category" rel="politics"> 
      <a href="#">POLITICS</a> 
     </li> 
    </ul> 
</div> 
<div class="secondary"> 
    <ul class="secondary common"> 
     <li class="secondary category" rel="news"> 
      <a href="#">NEWS</a> 
     </li> 
    </ul> 
</div> 

<div style="display: block; height: 20px; width: 100px; overflow: hidden;"> 
    <div id="politics" class="sub" style="display: none;"> 
     <ul class="sub common"> 
      <li class="sub"> 
       <a href="#">POLITICS SUBNAV</a> 
      </li> 
     </ul> 
    </div> 
    <div id="news" class="sub" style="display: none;"> 
     <ul class="sub common"> 
      <li class="sub"> 
       <a href="#">NEWS SUBNAV</a> 
      </li> 
     </ul> 
    </div> 
</div> 

$('.category').hover(
    function() { 
     var subnav = $(this).attr('rel'); 
     $('#' + subnav).fadeIn('slow'); 
    }, function() { 
     var subnav = $(this).attr('rel'); 
    $('#' + subnav).fadeOut('slow'); 
});

來源

2011-11-30 user1074156