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/