Покажите динамический контент с помощью кнопки «Показать больше» с видимыми минимум 3 строками контента. ⇐ CSS

[Anonymous]

Я хочу показать 3 строки динамического контента, который может включать заголовок, абзац или диапазон (без обрезки какого-либо контента), и при нажатии кнопки «Показать больше» будет показано все содержимое внутри.
Вот пример кода: «Исправить высоту» не является решением, которое я использую в этом примере. Пожалуйста, предложите лучший обходной путь. Спасибо

Код: Выделить всё

$('.show-btn').on('click', function(){
$('.show-less').css("max-height" , "initial");
});

Код: Выделить всё

.show-less
{
max-height: 110px;
margin-bottom: 0px;
overflow: hidden;
font-size: 13px;
line-height: 25px;
transition: all 1s;
}

Код: Выделить всё

hi, this is a test description.
hi, this is a test description.
hi, this is a test description.
hi, this is a test description.
hi, this is a test description.

[url=javascript:void(0)]Show More[/url]

Подробнее здесь: https://stackoverflow.com/questions/695 ... ontent-vis