由 javascript 函数更改的 div 上的 CSS3 转换

Question

我有一个 div，其中我有一个链接到一个 javascript 函数的按钮，该函数将切换一个 textarea。单击按钮时，div 大小会立即更改。我尝试向 div 添加过渡效果，但大小没有平滑变化（更具体的高度）。 我的问题是：有什么方法可以让 div 顺利调整大小？

Answer 1

使用.animate() - http://api.jquery.com/animate/

如果你能提供一些代码，我很乐意更详细地解释这一点。

我已经为你编写了一个简单的示例 - http://jsfiddle.net/ajthomascouk/eaBgT/

Answer 2

不要只是高度过渡，使用从 0 到 1 的比例变换。这应该更平滑。