求救 分数少 希望帮助

Question

点击 会显示出小分类  也就是他低下的div  
 现在我要实现 所有的分类里面 只能显示一个div 
也就是说 点击 第一个的时候  显示了  div 里的内容
在点击第二个的时候  也会显示  它里面的div   不过第一个的 div里面的内容就会隐藏
所有分类里面只能显示一个div内用
<%
 i=0
 j=5
 do while not j=0
 i=i+1
 j=j-1
 %>
<div id="<%=i%>" onClick="javascript:left_menu('left_<%=i%>')">
             <table >
                <tr align="center"> 
                <td width="25" height="22" align="center" valign="middle" >
<img src="images/gif-0901.gif" width="8" height="8" style="cursor:hand">
</td>
 <td  style=" cursor:hand" >
 <div  align="left">
<span style="font-weight:bold;color:#0033CC ">
 <%=j%>一<%=i%></span> 
 </div> 
     </td>
 <td >
 </td>
      </tr>
           
</table></div>          <div id="left_<%=i%>" style="DISPLAY:none">
                <table >
                       <tr align="center"> 
     <td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<img src="images/gif-0901j.gif" width="8" height="8" hspace="3"></td>
                         <td style=" cursor:hand" ><div align="left">
 一个 二个 三个 四个
                         </div></td>
                       </tr>
            </table>
               
</div>
<% loop %>
点击 会显示出小分类  也就是他低下的div  
 现在我要实现 所有的分类里面 只能显示一个div 
也就是说 点击 第一个的时候  显示了  div 里的内容
在点击第二个的时候  也会显示  它里面的div   不过第一个的 div里面的内容就会隐藏
所有分类里面只能显示一个div内用

Answer 1

<SCRIPT> 
function left_menu(meval)
{
  var m = document.getElementById(meval);
  if(m.style.display=='none'){
     m.style.display='';
 
  }
  else{
    m.style.display='none';
  }
}  
</SCRIPT>补充个 

Answer 2

例如你i赋完循环完了.
来个
var i=<%=i%>
然后方法里面来个
for(i=i-1;i>0;--){
document.getElementById(prefix+i);
//do your hide action
}

Answer 3

参考（可能需要调试：n='<%=i%>'）
<div id=" <%=i%>" onClick="javascript:left_menu('<%=i%>')"> <SCRIPT> 
function left_menu(meval) { 
var n='<%=i%>'
for (var i=i;i<=n;i++){
if (i!=meval)
document.getElementById('left_'+i).display=='none'
else{
  var m = document.getElementById('left_'+meval); 
  if(m.style.display=='none'){ 
    m.style.display=''; 
  } 
  else{ 
    m.style.display='none'; 
  } 
}
}
}  
</SCRIPT> 

Answer 4

我不大清楚你在left_menu是怎么定义的，但可以这样
<script language="javascript">
    var div;
    function left_menu(id)
    {
if(div)
div.style.display = "none";
div = document.getElementById(id);
div.style.display = "";
    }
 </script>这样就每次只会显示一个，楼主可以试试