jq点击更多收起效果

2019独角兽企业重金招聘Python工程师标准>>>

主要是截取字段，如果截取的字段和原来一样多，就显示原来的文本。

<div class="js-text-box">
       <div class="hide js-text-content">

电视机制造(仅限分支机构经营);信息电子技术服务;科技信息咨询服务;电子、通信与自动控制技术研究、开发;计算机技术开发、技术服务软件技术服务软件技服务软件技术服务软件技术服务 电视机制造(仅限分支机构经营);信息电子技术服务;科技 信息咨询服务;电子、通信与自动控制技术研究、开发;计算机技术开发、技术服务软件技术服务软件技服务软件技术服务软件技术服务电视机制造(仅限分支机构经营);信息电子技术服务;科技 信息咨询服务;电子、通信与自动控制技术研究、开发;计算 电视机制造(仅限分支机构经营);信息电子技术服务;科技 信息咨询服务;电子、通信与自动控制技术研究、开发;计算机技术开发、技术服务软件技术服务软件技服务软件技术服务软件技术服务
         </div>
</div>

 

textBox() ;

function textBox() {
    var textAll = $(".js-text-content").text();
    var textCut = textAll.substring(0,220);
    var html = '' ;
    if(textAll==textCut){
        html = html + '<div class="toggle-text text-cut">'
                    +        '<span class="text">'
                    +   textAll
                    +        '</span>'
                    +    '</div>';
    }else{
        html = html + "<div class='toggle-text text-all'><span class='text'>"+textCut+"</span>...<a id='carryOut' href='javascript:;' οnclick='$(this).parent().addClass(\"hide\");$(\"#packUp\").parent().removeClass(\"hide\");'>更多</a></div>"
                    + "<div class='toggle-text text-all hide'><span class='text'>"+textAll+"</span><a id='packUp' href='javascript:;' οnclick='$(this).parent().addClass(\"hide\");$(\"#carryOut\").parent().removeClass(\"hide\");'>收起</a></div>"
    }
    $(".js-text-box").html(html);
};

转载于:https://my.oschina.net/parchments/blog/1537180