Как сделать кнопку подробнее, которая будет раскрывать блок?

Question

[Den Savi]

Задача такая: Есть блок, нужно сделать, чтобы в него помещалось, например, 4 строки. Если же строк больше, нужно, чтобы появлялась кнопка "подробнее", при нажатии на которую появляются остальной текст. Текст должен выезжать, а кнопка меняла текст например на "скрыть". Как реализовать такое?

Answer 1

[Vladimir Yamshik]

Для текста установить нужную высоту max-height , скрываем лишнее - установить overflow: hidden. При нажатие кнопки установить max-height текста 999px(к примеру). Это можно например с помощью JS , либо чисто на css с помощью input checkbox.
P.S. ну для красоты добавить transition.

Answer 2

[Игорь Павленко]

jedfoster.com/Readmore.js