Animate the effect of the "show more" button?

Question

css

How to animate (add smoothness) the appearance of text on button click?
https://jsfiddle.net/xpycm789/oLqrsx4w/23/

Answer 1

height: auto is not animated.
Use max-height: 9001px will work the same as height: auto;
https://jsfiddle.net/xq4akve6/UPD
. Instead of 9001px, you need to set something close to the real height of this element, otherwise there will be a delay during the animation.