javascript - 最大高度上的动画？

Question

我有一个具有特定高度的 div，当我切换“折叠”类时，如果 div 太高，它应该缩小到特定的最大高度。我一直在尝试为这种缩小设置动画，但还没有弄明白。我在网上查了一下，似乎向元素添加以下行就足够了。

-moz-transition: 1s;
-ms-transition: 1s;
-o-transition: 1s;
-webkit-transition: 1s;
transition: 1s;

但是，无论我将它们分配给哪个类，它都无法正常工作。我有一个 jsfiddle在 。

关于如何做到这一点有什么想法吗？谢谢!

Answer 1

transition 仅在您正在更改的高度属性未解析为 auto 时才有效。

我已经更新了 your jsfiddle以反射(reflect)所需的更改。