什麼導致這個簡單的動畫腳本動畫不正確？

您可以在這裏找到腳本的正確動畫版... http://jsfiddle.net/tTJaM/21/

您可以在此找到現場的項目版本... http://jsfiddle.net/tTJaM/22/

正如你所看到的，動畫沒有在第二個鏈接相同的視覺效果。我希望實現的視覺效果是第一個環節中的視覺效果。我願意編輯腳本來做到這一點，或者改變我最初沒有做過的CSS。

2011-05-11 Penumbra

min-height:120px; in .dynPanelContent在你的CSS不讓它正常工作。但我真的不明白爲什麼......如果你刪除它，至少在這裏有效http://jsfiddle.net/tTJaM/22/

2011-05-11 04:21:30 Jull

很好，謝謝。我已將生產代碼更改爲具有120px的高度屬性。希望我不需要改變它。這將是有趣的，找出爲什麼會發生，但是.. – Penumbra 2011-05-11 04:33:10

可能是這[動畫重寫最小高度]（http://forum.jquery.com/topic/animations-should-temporarilyoverover-min-height -and-最小寬度） – Jull 2011-05-11 04:38:31

它看起來像min-height：120px; .dynPanelContent的屬性是導致它的原因。如果刪除該樣式，它會正確旋轉，但這些框不再大小合適。

slideUp函數是修改高度但不是最小高度的動畫。這是jQuery中的一個已知問題，並且有一個wiki條目Getting Around The Minimum Height Glitch

2011-05-11 04:37:16

回答