请教一个关于层的隐藏显示问题，在线

先发代码：
<script language="JavaScript" type="text/JavaScript">
<!--
function toggle(targetid,objN){  
      var target=document.getElementById(targetid);
   var aa=document.getElementById(objN)
            if (target.style.display=="block"){
                target.style.display="none";
                   aa.innerText="";
            } else {
                target.style.display="block";
                  aa.innerText='';
            }  
}
-->
</script>
<a href="#" id="aa" onClick="toggle('div1','aa')"><img src="imges/2u1.jpg" border="0"></a>
<div id="div1">
<object align=middle classid="CLSID:22d6f312-b0f6-11d0-94ab-0080c74c7e95" class=OBJECT id=MediaPlayer width=196 height=196>
     <param name=ShowStatusBar value=0>
       <param name=Filename value="shipin/01.ASF">
        <embed type=application/x-oleobject codebase="http://activex.,1,52,701" >
     </embed>
  </object>
</div>

各位，是这样的：我想让页面先显示图片 然后用户单击图片时图片隐藏 同时显示层div1。 图片和层在同一个位置上显示。请问如何做啊？ 我的JS太烂了，请各位帮忙指点一下 啊！谢谢了