//контейнер к котрому применять правила с классом read_more
//в нем блок с текстом
if ($('div').is('.read_more')) {
var getHeightDiv = $('.read_more').children('div');
if ($(getHeightDiv).outerHeight() > 160) {
$(getHeightDiv).addClass('hidden8').after('<span class="readmore">ЧИТАТЬ ДАЛЕЕ</span>');
}
$('span.readmore').on('click', function () {
$(this).prev('div.hidden8').removeClass('hidden8');
$(this).remove();
});
}
.hidden8{
line-height: 20px;
max-height: 160px;
overflow: hidden;
}
div class="read_more"
div
здесь длинный текст
/div
/div
допустим что line-height у нас 20px
нам нужно показать не более 8 строк текста
отсюда название класса hidden8
и max-height: 160px это результат 20*8
прозрачность градиентом делается как уже было написано