我想创建一个仅由类名驱动的扩展/折叠动画(javascript用于切换类名).
我正在上课 max-height: 4em; overflow: hidden;
和另一个max-height: 255em;(我也尝试了价值none,根本没有动画)
这个动画: transition: max-height 0.50s ease-in-out;
我使用CSS过渡在它们之间切换,但是浏览器似乎在动画所有这些额外em的动画,因此它会在崩溃效果中产生延迟.
是否有一种方法(具有相同的精神 - 使用css类名)没有副作用(我可以放置较低的像素数,但这显然有缺点,因为它可能会切断合法的文本 - 这是价值很大的原因,所以它不会切断合法的长篇文章,只会是荒谬的长篇文章)
查看jsFiddle - http://jsfiddle.net/wCzHV/1/(单击文本容器)