看看这个jsfiddle：http://jsfiddle.net/Dh96F/1/
扩展按钮将为中间列的扩展设置动画。完成此操作后，您将看到动画进行过程中事物如何转移到下一行。收缩列时也是如此。
由于我是jQuery的新手，所以我以前从未见过这种情况，我想知道为什么会发生这种情况，以及在动画完成时如何将所有兄弟姐妹保持在同一行。
谢谢。
更新：已解决-感谢@Alnitak的教育。我在Drupal 6.x环境中使用jQuery，而jquery_update模块只能将jquery版本提高到1.3.2。
我发现此模块有漏洞，可让我使用所需的任何jQuery版本。您提出的升级建议只是门票！干杯!
最佳答案
jQuery 1.3.2是古老的-请考虑升级。
如果在jsfiddle上选择jQuery 1.4.4或更高版本，则不会发生此问题。
具体来说，似乎是jQuery 1.3.2中的.animate()方法在动画发生时将<ul>的样式覆盖为block而不是inline-block。更高版本不执行此操作。
尝试http://jsfiddle.net/qDwYE/，我已将其设置为在100毫秒后停止动画，然后显示display属性。然后更改为jQuery 1.4.4，然后重试。
这似乎是bug #2185。
关于jquery - jQuery会为 sibling 设置动画，直到动画完成。我该如何阻止它？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/9915373/