通过div做“二级菜单”，下面我的javascript函数为什么不行？

Question

<script language="JavaScript">
<!-- function menuclick(submenu , bar){

if (submenu.style.display=='none') 
{

bar.src = 'http://expert.csdn.net/images/jspd_wdzx_sqgg_ad.gif' ;
//你把display写错成dispaly 
submenu.style.display = 'block' ;

}
else
{
bar.src = 'images/folder_01.gif' ;
//你把display写错成dispaly 
submenu.style.display = 'none' ;
}
}
-->
</script>
================================<table>
<tr>

      <td width="100%" height="41" align="center"> 
        <div align="center"  onClick="menuclick(submenu2, bar2);" style="cursor:hand"> 
          <img src=images/folder_01.gif id="bar2" width="15" height="13"> <a href="#" target="_self">排行榜</a><br>
</div>
</td>
</tr>
 

<tr>
<td>
  <div align="center" class=parent><hr  width="100" size="1" noshade> </div>
  <div align="center" id="submenu2" style="display:none;">
<a href="point.jsp">总排行榜</a><br>
<a href="point.jsp?page=1">个人积分排行</a><br>
<a href="point.jsp?page=2">版面单击排行</a><br>
<a href="point.jsp?page=3">版面积分排行</a><br>
<hr width="100" size="1">      
  </div>
  </td>
    </tr>
</table>