HTML

<div class="box">
	<span>
		JavaScript一種直譯式腳本語言，是一種動態類型、弱類型、基於原型的語言，內置支持類型。它的解釋器被稱為JavaScript引擎，為瀏覽器的一部分，廣泛用於客戶端的腳本語言，最早是在HTML（標準通用標記語言下的一個應用）網頁上使用，用來給HTML網頁增加動態功能。
		JavaScript一種直譯式腳本語言，是一種動態類型、弱類型、基於原型的語言，內置支持類型。它的解釋器被稱為JavaScript引擎，為瀏覽器的一部分，廣泛用於客戶端的腳本語言，最早是在HTML（標準通用標記語言下的一個應用）網頁上使用，用來給HTML網頁增加動態功能。
	</span>
	<a href="javascript:;">收起》》</a>
</div>

CSS

*{
	margin: 0;
	padding: 0;
}
.box{
	margin: 0 auto;
	width: 300px;
}

JS

	var oP=document.getElementsByTagName("span")[0];
	var oBtn=document.getElementsByTagName("a")[0];
	var onOff=true;
	var TxT=oP.innerHTML; 
	oBtn.onclick=function(){
		if(onOff){
			oP.innerHTML=TxT.slice(0,50);
			oBtn.innerHTML="展開》》";
		}else{
			oP.innerHTML=TxT;
			oBtn.innerHTML="收起》》";
		}
		onOff=!onOff;
	}

文字展開和收起