Jquery表单隐藏/显示div元素

Question

我对一些jquery执行没什么问题。我有一个div，我想隐藏并显示链接。

$("#butt_form").click(function(){
    if ($("#site_form").is(":hidden"))
        $("#site_form").slideDown(300);
    else
        //$("#site_info").hide();
        $("#site_form").slideUp(300);

<div class='info_block' id='site_form'>
****************************
</form></div>



<a href='' id='butt_form' class='no'>form: ON</a>

问题在于它开始并且在结束之前我认为它停止并且不会隐藏。

Answer 1

为什么不试试slideToggle（http://api.jquery.com/slideToggle/）？

$("#butt_form").click(function () {
  $("#site_form").slideToggle(300);
  return false;
});

这应该可以解决问题。