谁能帮忙简化一下代码？？ 关于"显示/隐藏层"

Question

想做一个点"标题链接",就会显示出来"隐藏的文字",再点一下"标题",就会隐藏文字.
现在实现的代码如下所示.这段代码有两个问题,　　第一,就是要输入四次"标题"的文字,比较麻烦.
　　第二,"隐藏的文字"如果文字过多,不会自动换行.请问这两个问题怎么解决啊?我是菜鸟,请详细告知.代码：<!-- １ -->
 
<a href="#" onclick="document.getElementById(this.id+'1').style.display=document.getElementById (this.id+'1').style.display=='block'?'none':'block';this.innerText=this.innerText =='一、避免用药不当引起的医疗事故'?'一、避免用药不当引起的医疗事故':'一、避免用药不当引起的医疗事故';return false;" id="els">一、避免用药不当引起的医疗事故</a><br>
<span id="els1" style="display:'none'">
<pre>　　一的内容</pre>
</span>
<p></p>
<!-- 2 --><a href="#" onclick="document.getElementById(this.id+'2').style.display=document.getElementById (this.id+'2').style.display=='block'?'none':'block';this.innerText=this.innerText =='二、提供全科病症诊治信息，急诊关键时刻辅助诊断治疗'?'二、提供全科病症诊治信息，急诊关键时刻辅助诊断治疗':'二、提供全科病症诊治信息，急诊关键时刻辅助诊断治疗';return false;" id="els">二、提供全科病症诊治信息，急诊关键时刻辅助诊断治疗</a><br>
<span id="els2" style="display:'none'">
<pre>　　二的内容。
</pre>
 </span>
<p></p><!-- 3 -->
<a href="#" onclick="document.getElementById(this.id+'3').style.display=document.getElementById (this.id+'3').style.display=='block'?'none':'block';this.innerText=this.innerText =='三、避免疏忽遗漏，远离医疗事故'?'三、避免疏忽遗漏，远离医疗事故':'三、避免疏忽遗漏，远离医疗事故';return false;" id="els">三、避免疏忽遗漏，远离医疗事故</a><br>
<span id="els3" style="display:'none'">
<pre>　　三的内容。</pre>
</span>
<p></p>

Answer 1

把SPAN换成DIV可以多行内容
这行代码应该没什么作用
this.innerText=this.innerText =='一、避免用药不当引起的医疗事故'?'一、避免用药不当引起的医疗事故':'一、避免用药不当引起的医疗事故';return false;

Answer 2

我换成DIV了,可是如果文字多的话,他还是不换行,把页面撑的很宽阔....

Answer 3

解决了一部分现在代码优化为
<!-- １ -->
 
<a href="#" onclick="document.getElementById(this.id+'1').style.display=document.getElementById (this.id+'1').style.display=='block'?'none':'block';this.innerText=this.innerText ==''?'':'一、避免用药不当引起的医疗事故';return false;" id="els">一、避免用药不当引起的医疗事故</a><br>
<span id="els1" style="display:'none'">
<pre>　　一的内容</pre>
</span>
<p></p>
<!-- 2 --><a href="#" onclick="document.getElementById(this.id+'2').style.display=document.getElementById (this.id+'2').style.display=='block'?'none':'block';this.innerText=this.innerText ==''?'':'二、提供全科病症诊治信息，急诊关键时刻辅助诊断治疗';return false;" id="els">二、提供全科病症诊治信息，急诊关键时刻辅助诊断治疗</a><br>
<span id="els2" style="display:'none'">
<pre>　　二的内容。
</pre>
 </span>
<p></p><!-- 3 -->
<a href="#" onclick="document.getElementById(this.id+'3').style.display=document.getElementById (this.id+'3').style.display=='block'?'none':'block';this.innerText=this.innerText ==''?'':'三、避免疏忽遗漏，远离医疗事故';return false;" id="els">三、避免疏忽遗漏，远离医疗事故</a><br>
<span id="els3" style="display:'none'">
<pre>　　三的内容。</pre>
</span>
<p></p>