javascript - 不定高度动画怎么实现？

Question

怎么实现一个p不定高度的变化的动画?例如一个p先是display：none的，点击一个按钮时，使其显示出来，并且高度从0开始逐渐变化动p的最大高度。google得到的答案是使用max-heigth,然而如果max-height设置不合理（大了或者小了的话）都会使动画不自然。

Answer 1

最简单的方法就是用 JQ 的 slideUp 和 slideDown 方法.
下面是我用原生写的 demo .
https://jsfiddle.net/11wrgm7b/