열기 메뉴 열기 다른 메뉴로 애니메이션하기 전에

Question

나는 실험하고 있으며 이것에 관해 가장 좋은 방법을 찾고 있습니다. 여러 개의 드롭 다운 메뉴가 있습니다. 열려있는 다른 메뉴를 확인하고 닫은 다음 클릭 한 메뉴에서 애니메이션을 실행하거나 이미 열려있는 경우 클릭 한 메뉴를 닫으려고합니다. 여기까지 내가 지금까지 가지고있는 것이있다.

$('ul.primary li').click(function(event) { 
      if ($(this).children('ul.drop').is(':visible')) { 
       $(this).children('ul.drop').slideUp(function() { 
        $(this).parent('li').removeClass('active'); 
       }); 
      } 
      else if ($(this).siblings().children('ul.drop').is(':visible')) { 
         $(this).siblings().children('ul.drop').slideUp(function() { 
          $(this).parent('li').removeClass('active'); 
         }); 
         $(this).children('ul.drop').slideDown(function() { 
          $(this).parent('li').addClass('active'); 
         }); 
      } 
      else { 
       $(this).children('ul.drop').slideDown(function() { 
        $(this).parent('li').addClass('active'); 
       }); 
      } 
     }); 

편집 : 나는 열린 애니메이션 드롭 다운 클릭하기 전에 열려있는 드롭 다운 애니메이션을 폐쇄하는 방법을 알아낼 수 없습니다. JsFiddle : http://jsfiddle.net/JG9dB/

Answer 1

그것에 대해 갈 것이라고하는 방법이 있습니다 ....

JAVASCRIPT :

$('ul.primary>li').click(function(event) { 
    var li = $(this); 
    var liOld = $('ul.active').parents("li"); 

    if($('ul.active').length!=0){ 
     $('ul.active').removeClass('active').slideUp('slow', function(){ 
     if(li.index() != liOld.index()){ 
      li.children('ul.drop').slideDown('slow').addClass('active'); 
     } 
     }); 
    } 
    else{ 
    $(this).children('ul.drop').slideDown('slow').addClass('active'); 
    } 
}); 

DEMO :이 문제를 처리해야 http://jsfiddle.net/JG9dB/35/

. 다른 질문이 있으면 알려주세요.