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;
});

那应该可以解决问题。