如何在不影响页面其余部分的情况下使用JQuery slideDown（）？

Question

我目前在“行”类中有一个结果列表。这些行分为两部分，“span8”和“span4”。跨度4被隐藏，直到函数调用它为slideDown。但是，它的高度大于行的高度，因此当它向下滑动时，页面的其余部分会略微向下移动。有没有办法让它“通过”其他元素？有点像MS Word，当你有一个图像并将其定位“通过”，以便它可以坐在文本的顶部，而不会影响它。

Answer 1

绝对定位，并添加＆＃34; position：relative＆＃34;到你的行类。

另一种选择是设置可见性，而不是display：none。这样可以防止跳高。

Answer 2

您可以将其包装在height: 0; overflow:visible;的容器中，并将实际内容设置为overflow: hidden。然后当它的高度改变时，它应该与其他内容重叠。容器也可以具有行高而不是0以保持一致性。

你会在这个JSfiddle中看到顶部容器下面的灰色div没有被文本“content”取代（一半显示为giggles） http://jsfiddle.net/W2HP3/1/