停止開啓和關閉手風琴菜單？

Question

我使用jQuery的以下爲摺疊式菜單：http://jsfiddle.net/fPWeq/

rel = 0; 
$('.sub-menu').hover(function(){ // findind mouse postion 
     rel = 1; // if mouse on submenu 
    }, function(){ 
     rel = 0; // if mouse out submenu 
}); 
$('.menu > li').live("click",function(){ 
     if(!$(this).hasClass("active")){ // if not already opened 
      $('.sub-menu').slideUp(); // hide all other submenu 
      $('.sub-menu',this).slideDown(); // show which your clicked 
      $(".menu > li").remove('active'); // remove all active class in li 
      $(this).addClass('active'); //adding active class which your clicked li 
     } 
     else{ 
      if(rel==0){ 
       $('.sub-menu').slideUp(); // if clicked already opend parent that will close 
       $(this).removeClass('active'); // remove all active class 
      } 
      else{ 
      } 
     } 
}); 
;​ 

我有困難，搞清楚如何從關閉和開啓再次子菜單鏈接時，內是停止活動的（預先打開）子菜單點擊。

任何想法我做錯了什麼？

Answer 1

刪除class="current-parent" 它不應該顯示子打開。 在這裏檢查http://jsfiddle.net/fPWeq/1/

Answer 2

另外.toggleClass("current-parent")如果您想要再次激活打開/關閉，那麼可以是一個不錯的選擇。