是什么导致这个简单的动画脚本不正确地制作动画？

Question

我似乎无法弄清楚是什么让这个剧本出错......

你可以在这里找到一个正确动画的脚本版本...... http://jsfiddle.net/tTJaM/21/

您可以在这里找到实时项目版本...... http://jsfiddle.net/tTJaM/22/

直播项目位于http://paysonfirstassembly.com/

如您所见，动画在第二个链接中没有相同的视觉效果。我希望实现的视觉效果是第一个链接中的视觉效果。我愿意编辑脚本来执行此操作，或者更改我最初没有创建的CSS。

Answer 1

你的css min-height:120px;中的

.dynPanelContent不能让它正常运行。但我真的不明白为什么......如果你删除它，一切至少在这里工作http://jsfiddle.net/tTJaM/22/

Answer 2

看起来像最小高度：120px; .dynPanelContent的属性是导致它的原因。如果删除该样式，它会正确旋转，但框不再适当调整大小。

slideUp函数是一个修改高度但不是min-height的动画。这是jQuery中的一个已知问题，Getting Around The Minimum Height Glitch

上有一个wiki条目