显示层的问题
部分代码：
<script   language= "javascript "   type= "text/javascript ">
function   fc&gg(i)
{
        for(j=1;j <3;j++)
        {
                if(i==1)
                {
                        document.getElementsByID( "div "+j).style.visibility   =   "visible ";
                }
                else
                {
                        document.getElementsByID( "div "+j).style.visibility   =   "hidden ";
                }
        }
}
</script>

<style   type= "text/css ">
<!--
                A:link{color:   #000000;text-decoration:none}
                A:visited{color:   #000000;text-decoration:none}
                A:hover   {color:   #000000;text-decoration:none}
               
                #div1{position:absolute;   z-index:1;visibility:visible;}
                #div2{position:absolute;z-index:2;visibility:hidden;}
-->
</style>
<table>
<tr>
<td   style= "width:   200px ">
<a   href= "# "   onmouseover= "fc&gg( '1 ') "> 房产资讯 </a>
<a   href= "# "   onmouseover= "fc&gg( '2 ') "> 公告栏 </a>
</td>
</tr>
<tr>
<td>
<div   id= "div1 "> //层1，内容省略
<div   id= "div2 "> //层2，内容省略
</td>
</tr>
</table>

按说应该是鼠标指向“房产资讯”显示层1的内容，指向“公告栏”显示层2的内容。
现在页面只显示层1，指向“公告栏”没变化。
大虾来帮我看看哪错了。
                                                                                                                                                                   
                                                                                                                                                &