这个javascript里面的内容单击产生展开和收缩的简单代码怎么写？

Question

<a href="JavaScript:void(0)" onclick="UpdateEleList()">点击展开 </a><div id="DetailEleList">adsfadsf </div> <script>
function UpdateEleList() 
{ 
var s=document.getElementById("DetailEleList").innerHTML; 
  for(i=1;i <4;i++) 
  { 
s+="内容"+i+" <br>" ;
  }
document.getElementById("DetailEleList").innerHTML=s; 
DisShow();
} 
var DisShow=function(){
if(document.getElementById("DetailEleList").style.display=="none")
{
document.getElementById("DetailEleList").style.display="block";
}else
{
document.getElementById("DetailEleList").style.display="none";
}
};
</script>

Answer 1

<a href="JavaScript:void(0)" onclick="UpdateEleList()" id="menu">点击展开 </a><div id="DetailEleList">adsfadsf </div> <script>
function UpdateEleList() 
{ 
    var s=document.getElementById("DetailEleList").innerHTML; 
      for(i=1;i <4;i++) 
      { 
        s+="内容"+i+" <br>" ;
      }    
    document.getElementById("DetailEleList").innerHTML=s; 
    DisShow();
} 
var DisShow=function(){
    if(document.getElementById("DetailEleList").style.display=="none")
    {
        document.getElementById("DetailEleList").style.display="block";
        document.getElementById("menu").innerText = "点击收缩";
    }else
    {
        document.getElementById("DetailEleList").style.display="none";
        document.getElementById("menu").innerText = "点击展开";
    }
};
</script>

Answer 2

恩，会了。多谢！主要是在使用了
stlye.display的none还有block的属性。我可以在首次载入页面的时候，写入一些ul,li的列表。然后
通过javascript控制none还有block的属性。多谢！