html摘要点击展开,案例：jQuery文本段落展开和折叠效果/点击查看更多、点击隐藏...

今天分享个更好用的，需要jquery支持：

重点：文字高度不足指定数字，不显示查看更多！html>

jQuery文本段落展开和折叠效果

#wrapm {overflow: hidden;}

#read-more{text-align: center;}

$(function(){

var slideHeight = 78; // px

var defHeight = $('#wrapm').height();

if(defHeight >= slideHeight){

$('#wrapm').css('height' , slideHeight + 'px');

$('#read-more').append('点击查看更多。。');

$('#read-more a').click(function(){

var curHeight = $('#wrapm').height();

if(curHeight == slideHeight){

$('#wrapm').animate({

height: defHeight

}, "normal");

$('#read-more a').html('点击隐藏');

$('#gradient').fadeOut();

}else{

$('#wrapm').animate({

height: slideHeight

}, "normal");

$('#read-more a').html('点击查看更多。。');

$('#gradient').fadeIn();

}

return false;

});

}

});

今天是2017年4月份了，8月份的时候要回趟老家，老弟的第一个孩子要出生了，真的当舅舅了，时间时间过的太快了！列表长图，列表长图，列表长图列表长图，...

今天是2017年4月份了，8月份的时候要回趟老家，老弟的第一个孩子要出生了，真的当舅舅了，时间时间过的太快了！列表长图，列表长图，列表长图列表长图，...

今天是2017年4月份了，8月份的时候要回趟老家，老弟的第一个孩子要出生了，真的当舅舅了，时间时间过的太快了！列表长图，列表长图，列表长图列表长图，...今天是2017年4月份了，8月份的时候要回趟老家，老弟的第一个孩子要出生了，真的当舅舅了，时间时间过的太快了！列表长图，列表长图，列表长图列表长图，...今天是2017年4月份了，8月份的时候要回趟老家，老弟的第一个孩子要出生了，真的当舅舅了，时间时间过的太快了！列表长图，列表长图，列表长图列表长图，...

今天是2017年4月份了，8月份的时候要回趟老家，老弟的第一个孩子要出生了，真的当舅舅了，时间时间过的太快了！列表长图，列表长图，列表长图列表长图，...