javasript制作可以展开的菜单导航栏问题..急!

这是我写的.但是在打开页面时点"管理功能"不关闭"常用功能",
<html>   
  <head>   
  <meta   http-equiv="Content-Type"   content="text/html;   charset=gb2312">   
  <title></title>   
  <script language="javascript">
   var tt='start';
   var ii='start';
   function turnit(aa,bb)
   { 
   if (aa.style.display=="none")
    {
      if(tt!='start') tt.style.display="none";
  if(ii!='start') ii.src="dian.gif";
  aa.style.display=""
  tt=aa;
  ii=bb;
  bb.src="ball.gif";
     }
   else
    { 
 aa.style.display="none";
      bb.src="dian.gif";
    }
   }
  </script>  
  
  </head>   
  <body> 
  <div align="center" > 
  <table   width="137" border="0" cellpadding="0" cellspacing="0">   
      <tr>     
          <td id="b1" width="137" align="center"  nowrap class=left_4_r ><a href="javascript:" language="JavaScript"   onclick="turnit(a1,b1);"><font size="4">常用功能</font></a></td>   
      </tr>   
      <tr>     
        <td id="a1"  style="display:'';">
<table width="118"  border="0" cellpadding="0"   cellspacing="0">        
             <tr>     
              <td height="18" align="center" ><font size="2"><a href="">发信箱</a></font></td>   
         </tr>      
             <td   height="18" align="center" ><font size="2"><a href="">收信箱</a></font> </td>   
             </tr>      
              <td  height="18" align="center" ><font size="2"><a href="">群&nbsp;&nbsp;发</a></font></td>   
             </tr>     
              <td  height="18" align="center" ><font size="2"><a href="">通讯录</a></font></td>   
          </tr> </table>
   </td>   
      </tr>   
  </table>   
  <table   width="137"  border="0" cellpadding="0" cellspacing="0">   
      <tr>     
          <td id="b2" class=left_4_r align="center"  nowrap><a href="javascript:" language="JavaScript"   onclick="turnit(a2,b2);"><font  size="4">管理功能</font></a></td>   
      </tr>   
      <tr>     
        <td id="a2" style="display:'none';">
<table width="118" height="91" border="0" cellpadding="0"   cellspacing="0">   
                  <tr>     
                   <td height="18" align="center" nowrap><font size="2"><a href="">b1</a></font></td>  
                  </tr>   
                  <tr>     
                   <td height="18" align="center" nowrap><font size="2"><a href="">b2</a></font></td>   
                  </tr>   
                  <tr>     
                   <td height="18" align="center" nowrap><font size="2"><a href="">b3</a></font></td>   
                  </tr>   
                  <tr>     
                   <td height="18" align="center" nowrap><font size="2"><a href="">b4</a></font></td>   
                  </tr>   
              </table>
  </td>   
      </tr>   
  </table> 
  </div>
  </body>   
  </html>

解决方案 »

  1.   

    记录当前显示的DIV的id，然后当单击显示新的DIV块时，先隐藏当前保存的显示DIV，然后在显示单击的目标DIV，并且保存目标DIV为当前显示的DIV。
      

  2.   

    to myvicy(我来也！)  
       意思大概明白.但是不知道怎么写.能不能帮我写个.谢谢拉!
      

  3.   

    改好了，自己看看吧<html>   
      <head>   
      <meta   http-equiv="Content-Type"   content="text/html;   charset=gb2312">   
      <title></title>   
      <script language="javascript">
       var tt='start';
       var ii='start';
       function turnit(aa,bb)
       { 
       if (aa.style.display=="none")
        {
          if(tt!='start') tt.style.display="none";
      if(ii!='start') ii.src="dian.gif";
      aa.style.display="block"
      tt=aa;
      ii=bb;
      bb.src="ball.gif";
       if(document.all['a1']==aa)
       document.all['a2'].style.display='none';
       else
       document.all['a1'].style.display='none';
         }
       else
        { 
     aa.style.display="none";
           bb.src="dian.gif";
           if(document.all['a1']==aa)
       document.all['a2'].style.display='block';
       else
       document.all['a1'].style.display='block';
        }
       }
      </script>  
      
      </head>   
      <body> 
      <div align="center" > 
      <table   width="137" border="0" cellpadding="0" cellspacing="0">   
          <tr>     
              <td id="b1" width="137" align="center"  nowrap class=left_4_r ><a href="javascript:" language="JavaScript"   onclick="turnit(a1,b1);"><font size="4">常用功能</font></a></td>   
          </tr>   
          <tr>     
            <td id="a1"  style="display:'block';">
    <table width="118"  border="0" cellpadding="0"   cellspacing="0">       
                 <tr>     
                  <td height="18" align="center" ><font size="2"><a href="">发信箱</a></font></td>   
             </tr>     
                 <td   height="18" align="center" ><font size="2"><a href="">收信箱</a></font> </td>   
                 </tr>     
                  <td  height="18" align="center" ><font size="2"><a href="">群&nbsp;&nbsp;发</a></font></td>   
                 </tr>    
                  <td  height="18" align="center" ><font size="2"><a href="">通讯录</a></font></td>   
              </tr> </table>
      </td>   
          </tr>   
      </table>   
      <table   width="137"  border="0" cellpadding="0" cellspacing="0">   
          <tr>     
              <td id="b2" class=left_4_r align="center"  nowrap><a href="javascript:" language="JavaScript"   onclick="turnit(a2,b2);"><font  size="4">管理功能</font></a></td>   
          </tr>   
          <tr>     
            <td id="a2" style="display:'none';">
    <table width="118" height="91" border="0" cellpadding="0"   cellspacing="0">   
                      <tr>     
                       <td height="18" align="center" nowrap><font size="2"><a href="">b1</a></font></td>  
                      </tr>   
                      <tr>     
                       <td height="18" align="center" nowrap><font size="2"><a href="">b2</a></font></td>   
                      </tr>   
                      <tr>     
                       <td height="18" align="center" nowrap><font size="2"><a href="">b3</a></font></td>   
                      </tr>   
                      <tr>     
                       <td height="18" align="center" nowrap><font size="2"><a href="">b4</a></font></td>   
                      </tr>   
                  </table>
      </td>   
          </tr>   
      </table> 
      </div>
      </body>   
      </html>
      

  4.   

    在你自己代码上改的。  <body onload="turnit(document.getElementById('a1'),document.getElementById('b1'))"> 
    <td id="a1"  style="display:'none';">
      

  5.   

    2位的都可以..但我开始没有试 xiaoaoren 的.呵呵..