javascript - 不定高度動畫怎麼實現？

Question

怎麼實現一個p不定高度的變化的動畫?例如一個p先是display：none的，點擊一個按鈕時，使其顯示出來，並且高度從0開始逐漸變化動p的最大高度。 google得到的答案是使用max-heigth,然而如果max-height設定不合理（大了或小了的話）都會使動畫不自然。

Answer 1

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