頁(yè)面先展示一部分， 然后點(diǎn)擊展開(kāi)更多， 再顯示更多的信息，這是我們經(jīng)?？吹叫Ч?/p>
實(shí)例效果如下：
代碼如下：
<style type="text/css">
*{padding: 0; margin:0;}
.aboutUsDetail{
width: 300px; margin: 0 auto;
line-height: 22px !important;
overflow: hidden;
height: 88px;
}
.more{
display: block; font-size: 18px;
width: 160px; height: 36px; line-height:36px;
text-align: center;
color: #0171bf;
border:1px solid #0171bf; border-radius: 30px;
margin: 30px auto;
}
</style>
<div class="article aboutUsDetail">
<div>
南昌雅騰信息科技有限公司（YT）是一家專注高薪IT職業(yè)技能培訓(xùn)的機(jī)構(gòu)，
主要培養(yǎng)：php軟件開(kāi)發(fā)工程師、web前端開(kāi)發(fā)工程師、JAVA開(kāi)發(fā)工程師、UI設(shè)計(jì)師等；
雅騰教育采用“小班現(xiàn)場(chǎng)授課”、技術(shù)總監(jiān)“手把手輔導(dǎo)學(xué)員”、“理論知識(shí)與企業(yè)真實(shí)項(xiàng)目實(shí)戰(zhàn)”結(jié)合的培養(yǎng)方式，
更加注重學(xué)員的實(shí)戰(zhàn)能力培養(yǎng)，加強(qiáng)學(xué)員項(xiàng)目實(shí)戰(zhàn)經(jīng)驗(yàn)的積累，始終堅(jiān)持以提升學(xué)員的自身價(jià)值，
加強(qiáng)學(xué)員的高薪就業(yè)能力為核心，實(shí)行品質(zhì)高效的IT技術(shù)培訓(xùn)，實(shí)現(xiàn)一地學(xué)習(xí)全國(guó)就業(yè)的高品質(zhì)教育服務(wù)
</div>
</div>
<a href="javascript:void(0);" class="more extend">展開(kāi)更多</a>$(function(){
$(".extend").on("click",function(){
if($(this).text() == "展開(kāi)更多"){
$(".aboutUsDetail").animate({height:$(".aboutUsDetail>div").height()+"px"},1000);
$(this).text("收縮");
}
else{
$(this).text("展開(kāi)更多");
$(".aboutUsDetail").animate({height:"88px"},1000);
}
})
})