jquery 文本超出隐藏 关闭展开

<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>