今天搞成了一种文字显示和隐藏的方法

隐藏的时候，不占用网页的位置（区域）

隐藏

 一二三四五六七八九十
 一二三四五六七八九十
 一二三四五六七八九十
 一二三四五六七八九十
 一二三四五六七八九十
 一二三四五六七八九十
 一二三四五六七八九十
 一二三四五六七八九十
 一二三四五六七八九十
 一二三四五六七八九十
 一二三四五六七八九十
 

效果就是这样了
效果就是这样了
效果就是这样了 

效果就是这样了
效果就是这样了

代码如下：

<a href="#" οnclick="document.getElementById(this.id+'src').style.display=document.getElementById (this.id+'src').style.display=='block'?'none':'block';this.innerText=this.innerText =='显示'?'隐藏':'显示';return false;" id="els" title="显示内容">隐藏</a><br> <span id="elssrc" style="display:'block'">   <pre><p>   一二三四五六七八九十   一二三四五六七八九十   一二三四五六七八九十   一二三四五六七八九十   一二三四五六七八九十   一二三四五六七八九十   一二三四五六七八九十   一二三四五六七八九十   一二三四五六七八九十   一二三四五六七八九十   一二三四五六七八九十   </p></pre> </span> <pre><p> 效果就是这样了 效果就是这样了 效果就是这样了 效果就是这样了 效果就是这样了 </p></pre>