在使其可见之前如何知道 div 高度？

Question

我有一个滑动打开的可见/滑动关闭的隐藏 div。

这种效果是通过 animate()ing div 的高度来实现的。

问题是 div 被多个内容（不同的文本段落）共享，而这些内容的高度事先未知。

那么，当我放入这样的内容时，我如何知道 div 的高度，以便我可以使用 animate('height':'-px') 来滑动打开 div？

Answer 1

只需使用 slideDown() 即可，无需计算高度。

您可以做的唯一其他方法（但我不知道您的具体情况）是 clone() 元素并将其附加到文档中，将其 height 设置为auto，然后获取其height()。

var cloned = $('#some-element').clone();

cloned.css({ position: 'absolute', left: '-9999px', height: 'auto' });

var height = cloned.height();

cloned.remove();

Answer 2

之前对我有用的一个技巧是将元素的不透明度设置为非常低的值，例如 0.01。这会在元素上执行 show，但如果您的不透明度足够低，它在页面上几乎不会被注意到。