jquery 슬라이드를 위아래로 클릭 할 때

Question

다른 요소가 클릭 될 때 요소를 아래로 밀어 내려고하고 해당 링크를 다시 클릭하면 요소를 위로 슬라이드하면보다 더 깔끔한 방법이 있습니까? 사용자의 특정 요구에 따라

$("#dropdown, #dropdown span, #dropdown dt a").click(function(event) { 
      $("#dropdown dd").slideDown(defaults.speed); 
      $("#dropdown").addClass('drop_down_open'); 
      event.preventDefault(); 
     }); 

     $(".drop_down_open, .drop_down_open span, .drop_down_open dt a").click(function(event) { 
      console.log("hello"); 
      $("#dropdown dd").slideUp(defaults.speed); 
      event.preventDefault(); 
     }); 

Answer 1

$("#anElement").click(function(e) { 
    var theItem = $("#dropdown dd"); 
    if (theItem.css("display") == none) { 
     theItem.slideDown(defaults.speed); 
    } 
    else { 
     theItem.slideUp(defaults.speed); 
    } 
    e.preventDefault(); 
}); 

수정.

Answer 2

이것이 원하는 것입니까? http://jqueryui.com/demos/accordion/