Jquery 表单隐藏/显示 div 元素答案

【问题标题】：Jquery form hide/show div elementJquery 表单隐藏/显示 div 元素
【发布时间】：2011-06-02 22:34:49
【问题描述】：

我对一些 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>

问题是它开始并且在结束之前我认为它停止并且没有隐藏。

【问题讨论】：

您能在jsFiddle 中重现您的问题吗？
类似jsfiddle.net/r7MgY/6446的东西在这里可以工作。
如果它在那里工作，那么它一定是你包含 jQuery 文件的方式。你应该发布你的整个标记，去掉不必要的部分。
info: ON 表格：开
我的意思是您在问题上单击编辑并在代码块中发布所有内容，以便于阅读。 ;)

【解决方案1】：

为什么不试试 slideToggle (http://api.jquery.com/slideToggle/)？

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

这应该可以解决问题。

【讨论】：

很酷，但这也不能解决我的问题，它只是移动一点然后返回。可能问题出在我身上。
不确定你在那里写了什么，但看看这个：jsfiddle.net/J9V7C - 工作正常。可能和你的 CSS 有关系，jQuery 需要计算出元素高度才能滑入和滑出。
好吧，问题是我忘了把 return FALSE;滑动切换后
@bob - 哎呀，我把它放在了我链接的 jsfiddle 中，但没有放在上面。我也在上面更正了它以显示正确的答案。您可能应该将此标记为已回答。