(十万火急)如何用加和减展开菜单?

<body bgcolor="#ffffff"><DIV id=cItem>
<table border=0 cellpadding=0 cellspacing=0 width=100%>
  <tr>
    <td nowrap><img src=images/closed.gif id=OutA100 style=cursor:Hand class=cItem>固定资产投资</td>
  </tr>
</table>
<div id=OutA100a style="display:none">
<table border=0 cellpadding=0 cellspacing=0 width=100%>
  <tr>
    <td nowrap>&nbsp;&nbsp;<img src=images/end.gif id=OutA100M101 style=cursor:Hand ><a href="showTable.do?tableName=A100M101_SHOW&tableNameCn=全部规模以上项目投资完成情况&profEn=A100&profCn=固定资产投资" >全部规模以上项目投资完成情况</a></td>
  </tr>
</table>
<table border=0 cellpadding=0 cellspacing=0 width=100%>
  <tr>
    <td nowrap>&nbsp;&nbsp;<img src=images/end.gif id=OutA100M102 style=cursor:Hand ><a href="showTable.do?tableName=A100M102_SHOW&tableNameCn=实验表&profEn=A100&profCn=固定资产投资" >实验表</a></td>
  </tr>
</table>
<table border=0 cellpadding=0 cellspacing=0 width=100%>
  <tr>
    <td nowrap>&nbsp;&nbsp;<img src=images/end.gif id=OutA100M103 style=cursor:Hand ><a href="showTable.do?tableName=A100M103_SHOW&tableNameCn=测试汇总规则&profEn=A100&profCn=固定资产投资" >测试汇总规则</a></td>
  </tr>
</table>
</div>
<table border=0 cellpadding=0 cellspacing=0 width=100%>
  <tr>
    <td nowrap><img src=images/closed.gif id=OutA101 style=cursor:Hand class=cItem>WYX1</td>
  </tr>
</table>
<div id=OutA101a style="display:none">
<table border=0 cellpadding=0 cellspacing=0 width=100%>
  <tr>
    <td nowrap>&nbsp;&nbsp;<img src=images/end.gif id=OutA101A013 style=cursor:Hand ><a href="showTable.do?tableName=A101A013_SHOW&tableNameCn=测试基层报表3&profEn=A101&profCn=WYX1" >测试基层报表3</a></td>
  </tr>
</table>
<table border=0 cellpadding=0 cellspacing=0 width=100%>
  <tr>
    <td nowrap>&nbsp;&nbsp;<img src=images/end.gif id=OutA101M101 style=cursor:Hand ><a href="showTable.do?tableName=A101M101_SHOW&tableNameCn=全部规则以上项目投资完成情况&profEn=A101&profCn=WYX1" >全部规则以上项目投资完成情况</a></td>
  </tr>
</table>
</div><table border=0 cellpadding=0 cellspacing=0 width=100%>
  <tr>
    <td nowrap><img src=images/closed.gif id=OutA106 style=cursor:Hand class=cItem>投资演示</td>
  </tr>
</table>
<div id=OutA106a style="display:none">
<table border=0 cellpadding=0 cellspacing=0 width=100%>
  <tr>
    <td nowrap>&nbsp;&nbsp;<img src=images/end.gif id=OutA106A001 style=cursor:Hand ><a href="showTable.do?tableName=A106A001_SHOW&tableNameCn=单位项目基本情况表&profEn=A106&profCn=投资演示" >单位项目基本情况表</a></td>
  </tr>
</table>
<table border=0 cellpadding=0 cellspacing=0 width=100%>
  <tr>
    <td nowrap>&nbsp;&nbsp;<img src=images/end.gif id=OutA106A002 style=cursor:Hand ><a href="showTable.do?tableName=A106A002_SHOW&tableNameCn=地址名称对照表&profEn=A106&profCn=投资演示" >地址名称对照表</a></td>
  </tr>
</table>
<table border=0 cellpadding=0 cellspacing=0 width=100%>
  <tr>
    <td nowrap>&nbsp;&nbsp;<img src=images/end.gif id=OutA106A003 style=cursor:Hand ><a href="showTable.do?tableName=A106A003_SHOW&tableNameCn=固定资产投资基层表-1&profEn=A106&profCn=投资演示" >固定资产投资基层表-1</a></td>
  </tr>
</table></div></div><script language="javascript">
function DynamicFunc()
{
  var tID, sTAG, tTag;
  sTAG = window.event.srcElement;
  if (sTAG.className == "cItem")
  {
    tID = sTAG.id + "a";
    tTag = document.all(tID);
    if (tTag.style.display == "none")
    {
      tTag.style.display = "";
      sTAG.src = "images/opened.gif";
    }
    else
    {
      tTag.style.display = "none";
      sTAG.src = "images/closed.gif";
    }
  }
}
cItem.onclick = DynamicFunc;
</script></body>