div菜单

Question

<script>
function $use(s){
mmm1.style.display="none";
mmm2.style.display="none";
mmm3.style.display="none";
mmm4.style.display="none";
mmm5.style.display="none";
if(s.style.display=='none'){
s.style.display="block";
}else{
s.style.display="none";
}
}</script>
<table width="200" border="1">
  <tr>
    <td><input type="button" onclick="$use(this)" value="按钮" style="border:0;cursor:pointer;width:150 " /> 
<br>
<div id="mmm1" style="display:'block';" >
示例行<br>
示例行<br>
示例行<br>
示例行<br>
示例行<br>
</div></td>
  </tr>
  <tr>
    <td><input type="button" onclick="$use(this)" value="按钮" style="border:0;cursor:pointer;width:150 " /> 
<br>
<div id="mmm2" style="display:'block';" >
示例行<br>
示例行<br>
示例行<br>
示例行<br>
示例行<br>
</div></td>
  </tr>
  <tr>
    <td><input type="button" onclick="$use(this)" value="按钮" style="border:0;cursor:pointer;width:150 " /> 
<br>
<div id="mmm3" style="display:'block';" >
示例行<br>
示例行<br>
示例行<br>
示例行<br>
示例行<br>
</div></td>
  </tr>
  <tr>
    <td><input type="button" onclick="$use(this)" value="按钮" style="border:0;cursor:pointer;width:150 " /> 
<br>
<div id="mmm4" style="display:'block';" >
示例行<br>
示例行<br>
示例行<br>
示例行<br>
示例行<br>
</div></td>
  </tr>
  <tr>
    <td><input type="button" onclick="$use(this)" value="按钮" style="border:0;cursor:pointer;width:150 " /> 
<br>
<div id="mmm5" style="display:'block';" >
示例行<br>
示例行<br>
示例行<br>
示例行<br>
示例行<br>
</div></td>
  </tr>
</table>
这样为什么不行呀  请高手帮我解决下.......

Answer 1

不知道你要求的是不是这种效果:
1、将你的JS代码改为：<script language="javascript"> 
var flag=0;
function use(s){
if(flag==0){
mmm1.style.display="none";
mmm2.style.display="none";
mmm3.style.display="none";
mmm4.style.display="none";
mmm5.style.display="none";
flag=1;
document.getElementById(s).style.display="block"; 
}else if(flag==1){
mmm1.style.display="block";
mmm2.style.display="block";
mmm3.style.display="block";
mmm4.style.display="block";
mmm5.style.display="block";
flag=0;
}
} 
</script> 
2、将$use(this)改为use('mmm1'),use('mmm2')....use('mmm5')

Answer 2

另外一种效果：<script language="javascript"> 
function use(s){
var xx=document.getElementById("mytb").getElementsByTagName("div");
for(var i=0;i<xx.length;i++){
if(xx[i].id==s){
xx[i].style.display="block";
}else{
xx[i].style.display="none";
}
}
}
</script> 
<table width="200" border="1" id="mytb"> 
  <tr> 
    <td> <input type="button" onclick="use('mmm1')" value="按钮" style="border:0;cursor:pointer;width:150 " /> 
<br> 
<div id="mmm1" style="display:'block';" > 
示例行 <br> 
示例行 <br> 
示例行 <br> 
示例行 <br> 
示例行 <br> 
</div> </td> 
  </tr> 
  <tr> 
    <td> <input type="button" onclick="use('mmm2')" value="按钮" style="border:0;cursor:pointer;width:150 " /> 
<br> 
<div id="mmm2" style="display:'none';" > 
示例行 <br> 
示例行 <br> 
示例行 <br> 
示例行 <br> 
示例行 <br> 
</div> </td> 
  </tr> 
  <tr> 
    <td> <input type="button" onclick="use('mmm3')" value="按钮" style="border:0;cursor:pointer;width:150 " /> 
<br> 
<div id="mmm3" style="display:'none';" > 
示例行 <br> 
示例行 <br> 
示例行 <br> 
示例行 <br> 
示例行 <br> 
</div> </td> 
  </tr> 
  <tr> 
    <td> <input type="button" onclick="use('mmm4')" value="按钮" style="border:0;cursor:pointer;width:150 " /> 
<br> 
<div id="mmm4" style="display:'none';" > 
示例行 <br> 
示例行 <br> 
示例行 <br> 
示例行 <br> 
示例行 <br> 
</div> </td> 
  </tr> 
  <tr> 
    <td> <input type="button" onclick="use('mmm5')" value="按钮" style="border:0;cursor:pointer;width:150 " /> 
<br> 
<div id="mmm5" style="display:'none';" > 
示例行 <br> 
示例行 <br> 
示例行 <br> 
示例行 <br> 
示例行 <br> 
</div> </td> 
  </tr> 
</table>