Анимировать эффект, от кнопки «показать ещё»?

Question

[MegaPuxapb]

Как по клику на кнопку, с анимировать (добавить плавности) появлению текста?
https://jsfiddle.net/xpycm789/oLqrsx4w/23/

Answer 1

[origami1024]

height: auto не анимируется.

Используй max-height: 9001px, будет работать так же как height: auto;
https://jsfiddle.net/xq4akve6/

UPD. Вместо 9001px, нужно ставить что-то близкое к реальной height этого элемента, иначе во время анимации появляется задержка.

Comments

[MegaPuxapb]

с max-height, сворачивает с задержкой. хорошо заметно, если выставить 1000px +.
как то лечиться?

[origami1024]

MegaPuxapb, походу задержка из-за того, что сильно большая max-height, нужно ее подбирать под тот размер который у тебя будет.
https://jsfiddle.net/htu940ey/

[MegaPuxapb]

origami1024, это понятно,
а если размер не неизвестен?!)
других вариантов не встречали?