如何显示和隐藏多个div

[FC107]

网页中有div一共10个
id为
div1 div2 div3 .... div 10
然后有button一共10个onclik事件分别对应div
如button1 的onclick="divclick(1)"来对应div1
javascript如下
<script language="javascript">
function divclick(i)
{
for(j=0;j<=10;j++)
{
document.all.(div+i).style.visibility="hidden"
}
document.all.(div+i).style.visibility="visible"
}
</script>

其功能是点击相应的button显示相应的div

提示：缺少标示符 缺少对象

我上面的要怎么写
谢谢

[alesso]

document.getElementById['div'+i].style.display="none"

[CnEve]

quote: 其功能是点击相应的button显示相应的div
好办啊
<input type=button value=button1 onclick="document.getElementById['div1'].style.display='none';">
.........
<input type=button value=button10 onclick="document.getElementById['div10'].style.display='none';">

[CnEve]

点一次隐藏，再点一次显示：
<input type=button value=button1 onclick="if(dv1.style.display){dv1.style.display=''}else{dv1.style.display='none';}">