我想创建仅由类名支持的展开/折叠动画（使用JavaScript来切换类名）。

我要上一堂课 max-height: 4em; overflow: hidden;

另一个max-height: 255em;（我也尝试过value none，它根本没有动画）

进行动画处理： transition: max-height 0.50s ease-in-out;

我使用CSS过渡在它们之间进行切换，但是浏览器似乎在为所有这些多余em的动画设置动画，因此它会延迟折叠效果。

有没有办法做到这一点（本着同样的精神-
使用CSS类名）没有副作用（我可以减少像素数，但是显然有缺点，因为它可能会切断合法文本）-价值高的原因，因此它不会切断合法的长文本，而只会切断可笑的长文本）