Loadырь

<script>
$(document).ready(function(){
 
	var max_height = 80;
	var text_more = 'Читать далее';
	var text_hide = 'Скрыть';
	var div_shadow = '<div class="shadow" style="background: linear-gradient(rgba(255,255,255,0),#fff); height: 20px; margin: -20px 0 0 0; position: relative;"></div>';
 
	$('.content_list').find('.field.ft_html.f_teaser').append('<a href="#" class="read_more">' + text_more + '</a>').children('.read_more').hide();
 
	$('.content_list').find('.field.ft_html.f_teaser .value').height(function(){
 
		var this_height;
 
		if ($(this).height() > max_height){
			$(this).css({overflow:'hidden', valign:'top'});
			$(this).after(div_shadow);
			$(this).next().next().show();
			this_height = max_height;
		} else {
			this_height = $(this).height();
			$(this).next().hide();
		}
 
		return this_height;
	});
 
	$('.read_more').on('click', function(event){
		event.preventDefault();
		if ($(this).html() === text_more){
			$(this).html(text_hide);
			$(this).prev().remove();
			$(this).prev().css({overflow:'visible', height: 'auto'});
		} else {
			$(this).html(text_more);
			$(this).before(div_shadow);
			$(this).prev().prev().css({overflow:'hidden', height: max_height});
		}
 
	});
 
});
</script>