如何让这个动画更流畅？

Question

我有一个小plnkr，我正在使用AngularJS和ngAnimate。我现在正在学习css3转换和转换。折叠/展开动画看起来很酷，但元素会占用动画完成前最终占据的所有空间。在崩溃时情况更糟，因为文本缩小并消失，但随后容器快照关闭而不是优雅地关闭。

http://plnkr.co/edit/hzJlOstUCeH2sB47OstS?p=preview

我一直在尝试模拟JQuery的slideDown动画，但除非我知道我动画的高度，否则我似乎无法让这个动画变得流畅。有谁知道JQuery的slideDown函数如何能够平滑地为可变高度元素设置动画？

Answer 1

我可以通过更改line-height使折叠/展开动画看起来更流畅。这允许我在不知道总高度的情况下为线条设置动画。这是demo。这可能不是你想要的样子，但它比以前更平滑。我怀疑JQuery的slideDown用计算出的高度做了一些事情，但我不确定。