隐藏元素而不在jquery中将显示设置为none

Question

我想不设置其折叠形式的部分display来none.如果我设置display为none,则绕过验证,这就是我不想设置display为的原因none.我知道我可以设置可见性hidden,visible但是此解决方案不可用于渲染视图,因为折叠部分的空间保持不变.这导致视图看起来非常奇怪,空白空间没有内容.

所以我的问题是隐藏的HTML格式的部分(不intacting它的占位符)而无其设置display到none,所以我仍然可以进行验证.

一些HTML代码:

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

该display初始设置为无,但一旦展开的第一次,我设置height为100%和去除display风格.

Answer 1

你可以把它从屏幕上移开:

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

或者将它的高度设置为0:

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