закрытие другие подменят

Question

у меня есть меню, как этот

<ul> 
    <li> 
     <a href="#">Home</a> 
     <ul class="sub"> 
      <li>Text</li> 
      <li>Test</li> 
     </ul> 
    </li> 
    <li> 
     <a href="#">About</a> 
     <ul class="sub"> 
      <li>Text</li> 
      <li>Test</li> 
     </ul> 
    </li> 
    <li> 
     <a href="#">Contact</a> 
     <ul class="sub"> 
      <li>Text</li> 
      <li>Test</li> 
     </ul> 
    </li> 
</ul> 

Я использую плагин hoverIntent, которые вызывают подменит, чтобы оставаться открытыми в течение 3 секунд. Но я хочу закрыть другое открытое подменю при наведении на главное меню. Как закрыть другие подменю?

здесь JS код

$('ul > li').hoverIntent({ 
     over: function(){ 
      $(this).children('ul').slideDown('slow'); 
     }, 
     timeout: 3000, 
     out: function(){ 
      $(this).children('ul').slideUp(); 
     } 
    }); 

Answer 1

Попробуйте это:

$('ul > li').hoverIntent({ 
    over: function(){ 

     // slide up all submenus before opening this menu 
     $("ul.sub").slideUp(); 
     $(this).children('ul').slideDown('slow'); 
    }, 
    timeout: 3000, 
    out: function(){ 
     $(this).children('ul').slideUp(); 
    } 
});