求一Veryvery good群号，当然多多益善

Question

请问大家一个问题：
function xian1(a)
{
document.getElementById("div"+a).style.display="";
}……
<a href="javascript:;" style="color:#003399" onclick="xian1(1)">上传1</a>
<a href="javascript:;" style="color:#003399" onclick="xian1(2)">上传2</a>
<a href="javascript:;" style="color:#003399" onclick="xian1(3)">上传3</a>
<a href="javascript:;" style="color:#003399" onclick="xian1(4)">上传4</a>
<table width="95%" cellpadding="0" cellspacing="0" border="0" id="div1" style="display:none">

<tr>
<td align="right" height="22" >
上传图片1：
</td>
<td  bgcolor="#ffffff"><iframe frameborder=0 height="24" marginheight=0 marginwidth=0 scrolling=no width=350 src="yqlj/upload.asp"></iframe></td>
</tr>
</table>
现在我想达到这种效果：
当点击上传时，最多只显示出一个当前div，
即，当点上传1时，显示出div1,当再点上传2时，显示出div2的同时div1消失，如此类推，请问如何实现啊？？？？

Answer 1

方法1
----------------------
<a href="javascript:;" style="color:#003399" onclick="show(1)">上传1</a>
<div id=div1>11</div>
function show(dNumber)
{
 var i=1;  
while(1==1)
   {    if(document.getElementById("div"+i)!=null)
   document.getElementById("div"+i).style.visiblity="hidden";
else break;
   }
document.getElementById("div"+dNumber).style.visiblity="visible";}
方法2
--------------------------------
<a href="javascript:;" style="color:#003399" onclick="show(1)">上传1</a>
<div id=div1 class=testClass>11</div>function show(dNumber)
{
var o =  document.getElementsByClassName("testClass");
for(var i==1;i<=o.length;i++)
{
   document.getElementById("div"+i).style.visiblity="hidden";
   }
document.getElementById("div"+dNumber).style.visiblity="visible";}