Кнопка показать больше, как сделать что бы скрывала только часть текста?

Question

[freeman0204]

codepen.io/freeman0204/pen/jqRQzB кнопка сейчас скрывает все, а мне нужно что бы изначально было видно например 3 сроки а то что ниже скрыто, и кнопка открывала и скрывала тот текст что ниже. Как сделать это лаконично?

Answer 1

[Decadal]

А вы сделайте блок, в который не всё влазит. CSS-класс с конкретной высотой и overflow-y: hidden;
По нажатию на "показать всё" CSS-класс удалять, и блок сам развернётся "во весь рост".

Comments

[freeman0204]

Сделал codepen.io/freeman0204/pen/jqRQzB но мне нужно что бы плавно было и если нажать еще раз то назад скрылось. Как это сделать?

[Decadal]

https://jsfiddle.net/oy3zo0un/1/ решение корявенькое, но работает)