javascript - 隐藏元素而不在jquery中将显示设置为无

Question

我想折叠表单的一部分而不将其 display 设置为 none。如果我将 display 设置为 none，验证将被绕过，这就是为什么我不想将 display 设置为 none 。我知道我可以将可见性设置为 hidden 和 visible 但此解决方案对于呈现 View 不可行，因为折叠部分的空间留在那里。这会导致 View 看起来很奇怪，上面有一个空白区域，上面没有任何内容。

所以我的问题是隐藏 html 表单的一部分(不保留占位符)而不将其 display 设置为 none，这样我仍然可以执行验证。

一些 HTML 代码:

<td style="margin: 5px; border-bottom: 1px solid; display:none; overflow: hidden;" colspan="3">
    <div>...</div>
</td>

display 最初设置为 none 但一旦它第一次展开，我将 height 设置为 100% 并删除 display 样式。

Answer 1

您可以将它移出屏幕:

$(elem).css("position", "absolute").css("left", -9999);

或者设置它的高度为0:

$(elem).css("height", 0);