<script>
function show(div)
{
var divshow=document.getElementById(div).style.display;
if(document.getElementById(div).style.display=="")
{
   document.getElementById(div).style.display="none";//隐藏
}
else
{
   document.getElementById(div).style.display="";//显示
}
}

</script>

<body>
<a href="#" onClick="show('showhide')">显示隐藏层</a> 
<a href="#" onClick="show('divs')">显示隐藏层</a>
<div id="showhide" style="display: none;">
   <table width="100%" border="1">
     <tr>
       <td>a</td>
       <td>kl;</td>
       <td>k;l</td>
     </tr>
     <tr>
       <td>;k</td>
       <td>kl;</td>
       <td>;kl</td>
     </tr>
   </table>

</div>
<div id="divs" style="display:none ;">
   <table width="100%" border="1">
     <tr>
       <td>a</td>
       <td>1111111111111111111111111111;</td>
       <td>111111111111111111111111111111111</td>
     </tr>

     <tr>
       <td>;k</td>
       <td>kl;是 日日日日日日日日 </td>
       <td>;kl</td>
     </tr>
   </table>

</div>

我想吧他改成“(目前已经显示第一层)当点 层二 的时候,先自动隐藏当前显示的层,再显示 层二”  (我有10层要分别显示呢!)