使用jquery隐藏和显示表单元素

Question

我想隐藏一些表单元素，只在需要时显示它们。

我的代码存在的问题是隐藏的元素仍占用空间。

这个问题有解决方法吗？

示例代码：

Link

检查元素#choice。它是隐藏的但它仍然需要网站空间。

Answer 1

它们不会发生，而是周围的

<br>

...做

包裹div

<div class="initiallyhidden">
<br/>    
<select>.....</select>
<br/>
</div>

并隐藏它，或留下我们的br并设置间距

Answer 2

<br/>搞砸了这一点。你的jsfiddle没有证明元素仍然占用空间。看看我是如何修改它的：

http://jsfiddle.net/2YdbH/12/

选择类型3以显示所有内容，选择类型1以隐藏所有内容，然后选择类型4以仅显示文本区域。注意textarea如何与类型下拉列表冲洗。选择选择器不占用空间。

当你隐藏选择选择器时，html中的<br/>仍然存在，所以你看到两次返回。

Answer 3

您看到的空格是由<br/>标签引起的。

Answer 4

隐藏n显示br标记：

$("br").hide()