jQuery.show（）问题

Question

请参阅以下页面：http://216.231.135.200/test/view.html

单击“下一步”时，下一个栏将首先延伸然后收缩，这不是我想要的效果。任何人都可以帮助我吗？

- 更新：

  

他表示动画完成时，元素的底部   颤动。他想阻止这一点。 - lolwut

Answer 1

我认为最好的解决方案是使用css明确地给所有div.step-container一个高度。

Answer 2

将.step_container类设为固定高度。

Answer 3

用一些css：http://jsfiddle.net/maniator/VLSc9/

解决了这个问题

.step-container {
    display: none;
    font-size: 18px;
    margin-bottom: 20px;
    margin-top: 20px;
    height: 21px; /*stops the jitter */
    max-height: 21px; /*stops the jitter*/
}

Answer 4

而不是show()尝试slideDown()也许这就是你的意思？

您可以在jquery api documentation page

上找到其他动画/效果的列表

否则请说明您的预期行为。

似乎jQuery无法正确计算新容器需要具有的高度，如果你可以指定容器的高度应该修复...