jquery文字折叠展开

来源：互联网发布：怎么获取三级域名编辑：程序博客网时间：2024/05/17 22:36

jquery文字折叠展开

<div class="panel-body">        <h4>应用描述:</h4>        <div id="Desc">            <p>1）凭剩余时长可免费接入移动CMCC、电信ChinaNet、联通ChinaUnicom等专属WiFi热点</p>            <p>2）本软件为自动认证并连接，无需输入手机号码/帐号密码即可免费使用运营商WiFi</p>            <p>3）自动认证过程，可能需要极少的数据流量，请确保数据流量已开启</p>            <p>4）凭剩余时长可免费接入移动CMCC、电信ChinaNet、联通ChinaUnicom等专属WiFi热点</p>            <p>5）本软件为自动认证并连接，无需输入手机号码/帐号密码即可免费使用运营商WiFi</p>            <p>6）自动认证过程，可能需要极少的数据流量，请确保数据流量已开启</p>            <p>7）凭剩余时长可免费接入移动CMCC、电信ChinaNet、联通ChinaUnicom等专属WiFi热点</p>            <p>8）本软件为自动认证并连接，无需输入手机号码/帐号密码即可免费使用运营商WiFi</p>            <p>9）自动认证过程，可能需要极少的数据流量，请确保数据流量已开启</p>    </div>    <div id="expand"><a>收起</a></div>

jquery写法

$(document).ready(function(){        var o = $("#Desc").html();        var short = o.substring(0, 210);        if (o.length > 210) {            $("#expand").find("a").html("展开");            $("#Desc").html(short + "......");        }        $("#expand").click(function(){              if ($("#expand").find("a").html() == "展开") {                $("#Desc").html(o);                $("#expand").find("a").html("收起")            } else {                $("#Desc").html(short + "......");                $("#expand").find("a").html("展开");            }        });});

0 0