送分题 很简单 隐藏层

Question

下面这个方法是显示隐藏层得 2个层 如果加一个 也就是changediv3这个方法 显示隐藏第3个层 怎么写！
function changeDiv1()
{
if(document.getElementById("a2").style.visibility=="hidden")
{
}
else
{
document.getElementById("a1").style.display="";
document.getElementById("a2").style.visibility="hidden";}
}function changeDiv2()
{
if(document.getElementById("a2").style.visibility=="hidden")
{document.getElementById("a1").style.display="none";
document.getElementById("a2").style.visibility="";
}
else
{
}
}

Answer 1

要下班了，楼主可参考用jQuery实现http://blog.csdn.net/xiangchengboy/archive/2009/11/13/4807195.aspx

Answer 2

不是太明白、style.display="none";//block   --彻底的删去了此标签，此布局会被抢占
//visibility：hidden|visible;   --隐藏了此标签 还占用布局

Answer 3

<div id="div1" onclick="changeDiv(1)">
aaa
</div>
<div id="div2" onclick="changeDiv(2)">
bbb
</div>
<div id="div3" onclick="changeDiv(3)">
ccc
</div>
</form> 
<script type="text/javascript">

function changeDiv(id){
var ary=['div1','div2','div3'];
for(var i=1;i<4;i++){ if(i==id){
document.getElementById("div"+i).style.visibility="hidden";
}else{
document.getElementById("div"+i).style.visibility="";
document.getElementById("div"+i).style.display="";
}
}
}

Answer 4

3q  不过我也写了个    和你这个差不多function changeDiv(did)
{    document.getElementById("a1").style.display="none";
    document.getElementById("a2").style.display="none";
    document.getElementById("a3").style.display="none";    document.getElementById(did).style.display="block";
}然后给这个层   设置树形 display＝"none"