简单的树形菜单

<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>