<table>
  <tr onclick=menuChange(this)>
    <td>菜单一</td>
  </tr>
  <tr style="display:none">
    <td style="padding-left:12px;">子菜单一</td>
  </tr>
  <tr onclick=menuChange(this)>
    <td>菜单二</td>
  </tr>
  <tr style="display:none">
    <td style="padding-left:12px;">子菜单二</td>
  </tr>
</table><script language=javascript>
  function menuChange(obj)
  {
    obj.nextSibling.style.display=(obj.nextSibling.style.display=='none'?'block':'none');
  }
</script>