How to implement an animation with a variable height of p? For example, if a p is display:none, when a button is clicked, it will be displayed, and the height will gradually change from 0 to the maximum height of the p. The answer from Google is to use max-heigth. However, if the max-height setting is unreasonable (either too large or too small), the animation will be unnatural.
![[Web front-end] Node.js quick start](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
The easiest way is to use JQ’s slideUp and slideDown methods.
The following is the demo I wrote in native.
https://jsfiddle.net/11wrgm7b/