求助：如何显示出隐藏的层？

Question

<table width=300 align="middle">
        <tbody>
          <tr>
            <td height="15" align="center"><a href="Mypic.htm" onmouseover="show()">我的照片</a></td>
          </tr>
  <tr>
  <td align="center">
  <div style="display:black" id="a1" name="div1" >
  <img src="Me.gif">
  </div>
  </td>
  </tr>
        </tbody>
      </table>
<script>
function show()
{
document.getElementById("a1").style.display="none";
}
</script>

Answer 1

还是不行，不知道怎么搞的，如果这个层是开始是显示出来的话，就可以隐藏，但是如果开始是隐藏的话，就显示不出来了，到底是怎么回事啊？
<table width=500 align="middle">
        <tbody>
          <tr>
            <td height="15" align="center"><a href="Mypic.htm" onmouseover="show()" onmouseout="close()">我的照片</a></td>
            <td align="center"><a href="Mypic.htm">我的日记</a></td>
            <td align="center"><a href="Mypic.htm">我的书屋</a></td>
          </tr>
  <tr>
  <td align="center">
  <div style="display:none" name id="a1" name="div1">
   <img src="Me.gif">
  </div>
  </td>
  </tr>
        </tbody>
      </table><script language="javascript">
function show()
{
document.getElementById("a1").style.display="none";
}function close()
{
document.getElementById("a1").style.display="black";
}
</script>

Answer 2

1。不要把函数名，变量名取得太特殊！！
2。black--->>>block<table width=500 align="middle">
        <tbody>
          <tr>
            <td height="15" align="center"><a href="Mypic.htm" onmouseover="show()" onmouseout="closeFun()">我的照片</a></td>
            <td align="center"><a href="Mypic.htm">我的日记</a></td>
            <td align="center"><a href="Mypic.htm">我的书屋</a></td>
          </tr>
  <tr>
  <td align="center">
  <div style="display:none" name id="a1" name="div1">
   <img src="Me.gif">
  </div>
  </td>
  </tr>
        </tbody>
      </table><script language="javascript">
function show()
{
document.getElementById("a1").style.display="none";
}function closeFun()
{
document.getElementById("a1").style.display="block";
}
</script>