當懸停在其他子菜單上時，jQuery子菜單不關閉

Question

我的菜單在懸停事件上工作，當我將鼠標懸停在子菜單上時，它會打開它自己的子菜單，但是當我將鼠標懸停在其他子菜單上時，菜單的孩子應該關閉自己。請檢查我的工作的jsfiddle：

http://jsfiddle.net/samia/3N7BG/

Answer 1

你可以嘗試這樣的事情：

$(".topmenu .sub-menu .parent a").mouseover(function() { 
     if($(this).parent().attr('id') != $("li .open").attr('id') 
      && $(this).parent().has("ul").length > 0) { 
      if($("li .open").length > 0) { 
       $("li .open").children("ul").slideToggle(1000); 
       $("li .open").toggleClass("open"); 
      } 
      $(this).parent().children("ul").slideToggle(200); 
      $(this).parent().toggleClass("open"); 
     } 
}); 

請記住，在這種方法中，如果菜單slidingUp（例如，設計）是大大長於菜單slideDown（例如，Development），那麼您將遇到'開發'可能會滑動的情況，因爲由於'設計'的滑動，鼠標將離開它的覆蓋區域。只需在「設計」菜單中添加另一項即可對此進行測試。

對於當前的項目列表，上面的實現應該可以正常工作。