<div class="content">
<div class="con">测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试</div>
<span class="more">展开</span>
</div>
<script>
$(function(){
$(".content").each(function(){
var targetEle = $(this).find(".con").first();
var btnCtrl = $(this).find(".more").last();
var strAll = targetEle.text();
if (strAll.length >30)
{
var sonStr = strAll.substr(0,30);
targetEle.text(sonStr)
btnCtrl.click(function(){
if (btnCtrl.text().substr(0,5)=="展开")
{
targetEle.text(strAll);
btnCtrl.text("关闭");
}
else{
targetEle.text(sonStr)
btnCtrl.text("展开");
}
});
}
else{btnCtrl.text("");}
});
});
</script>
<div class="con">测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试</div>
<span class="more">展开</span>
</div>
<script>
$(function(){
$(".content").each(function(){
var targetEle = $(this).find(".con").first();
var btnCtrl = $(this).find(".more").last();
var strAll = targetEle.text();
if (strAll.length >30)
{
var sonStr = strAll.substr(0,30);
targetEle.text(sonStr)
btnCtrl.click(function(){
if (btnCtrl.text().substr(0,5)=="展开")
{
targetEle.text(strAll);
btnCtrl.text("关闭");
}
else{
targetEle.text(sonStr)
btnCtrl.text("展开");
}
});
}
else{btnCtrl.text("");}
});
});
</script>