怎么才能让左边菜单项只有一个是展开的呢?

csdn也不是这样的打开之前先全缩回去

解决方案 »

  1.   

    给你一个吧
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
    <title>无标题文档</title><STYLE>.a {
    DISPLAY: none
    }
    .b {
    DISPLAY: block
    }
    .c {
    CURSOR: hand
    }
    .d {
    FILTER: progid:DXImageTransform.Microsoft.Shadow(color=#333333,strength=2,direction=135)
    }
    BODY {
    FONT-SIZE: 12px
    }
    TD {
    FONT-SIZE: 12px
    }
    TH {
    FONT-SIZE: 12px
    }
    BODY {
    MARGIN: 0px 0px 0px 2px; OVERFLOW: hidden; backgrond-color: #F0F0FA
    }
    </STYLE>
    <SCRIPT> 
    function aaa(obj)
    {
    for(i=0;i<6;i++)
    {
    if(i % 2 ==1)
    {
    tb.rows[i].className="a";
    }
    }

    if(obj.className="c" )
    { 
    if(tb.rows(obj.rowIndex+1).className=="b")
    {
    tb.rows(obj.rowIndex+1).className="a";
    }
    else
    {
    tb.rows(obj.rowIndex+1).className="b";
    }
    }
    }
    </SCRIPT></head><body>
    <table id=tb style="BORDER-COLLAPSE: collapse" borderColor=#c2c2d5 height="99%" cellSpacing=0 cellPadding=0 width=167 align=left border=1>
      <TR class=c onclick=aaa(this);>
        <td>&nbsp;===== menu1</td>
      </tr>
      <tr class="a">
         <td><table>
       <tr>
     <td>---------- child menu2</td>
       </tr>
       <tr>
     <td>---------- child menu3</td>
       </tr>
     </table></td>
      </tr>
      <TR class=c onclick=aaa(this);>
           <td>&nbsp;===== menu2</td>
      </tr>
      <tr class="a">
         <td><table>
       <tr>
     <td>-----------child menu21</td>
       </tr>
       <tr>
     <td>---------- child menu22</td>
       </tr>
     </table></td>
      </tr>
     </table>
    </body>
    </html>