树形菜单怎么弹不出来
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<style type="text/css">
div{ font-size: 13px; color: #000000; line-height: 22px;
}
a{font-size: 13px; COLOR: #000000; text-decoration: none}
a:hover {font-size: 13px; color: #999999}
</style>
<script language="javascript">
function showTree(t){
if(document.getElementById(t).style.display=='none'){
document.getElementById(t).style.display='block';
}else{
document.getElementById(t).style.display='none';
}
}
</script>
</head>
<body>
<div style="height:30px"><font color="#CC0000" ><b><IMG src="image/fold.gif" width="16" height="16" align="absmiddle">树形菜单:</b></font></div>
<a href="javascript:onClick=showTree('1') "><IMG src="image/fclose.gif" border="0" align="absmiddle" >文学艺术</a>
<div id="1" style="display:none"><img src="image/doc.gif" align="absmiddle">先锋写作<br/>
<img src="image/doc.gif" align="absmiddle">小说散文<br/>
<img src="image/doc.gif" align="absmiddle">诗风词韵</div>
<div><a href="javascript: onClick=showTree('2') "><IMG src="image/fclose.gif" border="0" align="absmiddle">贴图专区</a></div>
<div id="2" style="display:none"><IMG src="image/doc.gif" align="absmiddle">真我风采<br>
<IMG src="image/doc.gif" align="absmiddle">视频贴图<br>
<IMG src="image/doc.gif" align="absmiddle">行行摄摄<br>
<IMG src="image/doc.gif" align="absmiddle">Flash贴图</div>
</body>
</html>
请大家帮忙看看怎么弹不出来?