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