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

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