slideToggle高度是"跳跃"

Question

我的jQuery slideToggle()实验

任何人都可以告诉我为什么我打开它时我的盒子"跳"？上半场他们滑了,剩下的他们"跳"？

谢谢, 约翰内斯

Answer 1

这是一个简单的修复.将此CSS规则添加到样式表中(在Firebug中测试可以工作,根据我以前对此问题的经验,这是修复):

ol.message_list { position: relative }

这是一个CSS bug,而不是jQuery bug本身.

Answer 2

对我有帮助的是

overflow: hidden

那个切换......

Answer 3

您案件中最快的解决方案:

.message_container { width: 361px; }

我不确定为什么,但是在包含<p>原因问题时不给容器一个固定的宽度,给它一个并且跳跃性消失.

Answer 4

css padding和jquery slideToggle不能很好地协同工作.尝试填充填充.

Answer 5

我在很多情况下都发现了这个问题，在这些情况下，我只对高度进行了动画处理，slideToggle而没有对边距/填充进行动画处理。

所以，像这样的事情可能会解决它：

$("#thediv").slideToggle().animate({"margin-bottom": "toggle"});