html隱藏div

 html隱藏div

  <table>
  <tr id="hideDetail" width="100%" οnclick="document.all('hideDetail').style.display='none';document.all('showDetail').style.display='inline';document.all('showDetail1').style.display='inline';">
   <td width="100%"><font color="red" style="cursor:hand ">點擊打開</font></td>
  </tr>
  <tr id="showDetail" style="display:none" >
  <td>
   <a href="#" οnclick="document.all('showDetail').style.display='none';document.all('showDetail1').style.display='none';document.all('hideDetail').style.display='inline'">隱藏</a>
  </td>
  </tr>
  </table>

  <div width="100%" style="display:none" id="showDetail1">
  <!--下面的爲隱藏部分-->
          <table>
            <tr><td><td></tr>        
         </table>
  <!-------------------->
  </div>