html代码：
<div class="message">
<h3 class="name">马化腾 腾讯创始人</h3>
<p class="peopleInfo">腾讯公司主要创办人之一。
现任腾讯公司控股董事会主席兼首席执行官；全国青联副主席。</p>
<br />
<br />
</div>
css代码可以自己修改
js代码：
<script type="text/javascript">
$(function(){
//点击查看更多
$(".peopleInfo").each(function(){
var maxwidth=40;//设置最多显示的字数
var text=$(this).text();
console.log(text)
if($(this).text().length>maxwidth){
$(this).text($(this).text().substring(0,maxwidth));
$(this).html($(this).html()+"..."+"<a href='###' class='expend'> 点击展开<span class='arrow'></span></a>");//如果字数超过最大字数，超出部分用...代替，并且在后面加上点击展开的链接；
};
$(this).find("a").click(function(){
$(this).parent().text(text);//点击“点击展开”，展开全文
})
})
$('.tryListen').click(function(){
$('.foot').show();
})
})
</script>
