目录树的生成问题

我的这段代码,点击后不能出现子类,望高手解答一下,能修改为CSDN左边的这种样式最好~..或者有相关代码的直接发到我邮箱中, 
小小一点分,不成敬意!谢谢! 
 
<html>
<head>
<meta NAME="GENERATOR" Content="Microsoft Visual Studio 6.0">
<link rel="stylesheet" type="text/css" href="SYSCss11.css">
<script language="javascript">
current_div_id = -1;
function diva_show(div_id,type_id)
{
if(document.all.item("a"+div_id).style.display == "block")
'--如果原来的子类别部分的属性是显示的,那么就改为不显示
{
document.all.item("a"+div_id).style.display = "none";
document.all.item("i"+div_id).src = "Images/icon_book_close.gif";
document.all.item("f"+div_id).src = "Images/plus.gif";
}
else
'--如果原来的子类别部分是不显示的,那么就改为显示
{
document.all.item("a"+div_id).style.display = "block";
document.all.item("i"+div_id).src = "Images/icon_book_open.gif";
document.all.item("f"+div_id).src = "Images/minus.gif";
}
if(current_div_id != -1)
'--改变节点的颜色,把所有未打开类别的颜色设为浅蓝色.当前打开状态的设为红色
{
document.all.item("link"+current_div_id).style.color = "#000066";
}
current_div_id = div_id;
document.all.item("link"+div_id).style.color = "red";
if((type_id != '0')&&(type_id != ''))
'--在右边窗口显示当前类别的书目
{
top.xbody.window.loction = "BookList.asp?b_type="+type_id;
}
}
</script>
</head>
<body topMargin="0" background="Images/XleftBG.jpg">
<table WIDTH="100%" BORDER="0" CELLSPACING="0" CELLPADDING="0">
<TR>
<td colspan="2"><img SRC="Images/Book1.gif" WIDTH="16" HEIGHT="16">&nbsp;<font style="font-family:隶书,Arial;font-size:20px;font-weight:bold">书库目录</font></td>
</TR>
</table>
<!--书目第一条(主类)-->
<a name="aa465"></a>
<table CELLSPACING="0" CELLPADDING="0">
<TR>
<td colspan="2">
<a href="#aa465" onclick="diva_show('465','11');"id="link465">
<img name="f465" SRC="Images/plus.gif" border="0" WIDTH="16" HEIGHT="18">
<img name="i465" SRC="Images/icon_book_close.gif" border="0">教育信息</a><br>
</td>
</TR>
</table>
<div id="a465" style="display:none">
<table WIDTH="100%" BORDER="0" CELLSPACING="0" CELLPADDING="0"></table>
</div>
<!--书目第二条(主类)-->
<a name="aa466"></a>
<table CELLSPACING="0" CELLPADDING="0">
<TR>
<td colspan="2">
<a href="#aa466" onclick="diva_show('466','12');"id="link466">
<img name="f466" SRC="Images/plus.gif" border="0" WIDTH="16" HEIGHT="18">
<img name="i466" SRC="Images/icon_book_close.gif" border="0">经济法律</a><br>
</td>
</TR>
</table>
<div id="a466" style="display:none">
<table WIDTH="100%" BORDER="0" CELLSPACING="0" CELLPADDING="0">
<TR>
<td width="18">&nbsp;</td>
<TD>
<!--书目第二条(子类1)-->
<a name="aa4661"></a>
<table CELLSPACING="0" CELLPADDING="0">
<TR>
<td colspan="2">
<a href="#aa4661" onclick="diva_show('4661','201');"id="link4661">
<img name="f4661" SRC="Images/plus.gif" border="0" WIDTH="16" HEIGHT="18">
<img name="i4661" SRC="Images/icon_book_close.gif" border="0">法律综合</a><br>
</td>
</TR>
</table>
<div id="a4661" style="display:none">
<table WIDTH="100%" BORDER="0" CELLSPACING="0" CELLPADDING="0"></table>
</div>
<!--书目第二条(子类2)-->
<a name="aa4662"></a>
<table CELLSPACING="0" CELLPADDING="0">
<TR>
<td colspan="2">
<a href="#aa4662" onclick="diva_show('4662','202');"id="link4662">
<img name="f4662" SRC="Images/plus.gif" border="0" WIDTH="16" HEIGHT="18">
<img name="i4662" SRC="Images/icon_book_close.gif" border="0">公共关系学</a><br>
</td>
</TR>
</table>
<div id="a4662" style="display:none">
<table WIDTH="100%" BORDER="0" CELLSPACING="0" CELLPADDING="0"></table>
</div>
<!--书目第二条(子类3)-->
<a name="aa467"></a>
<table CELLSPACING="0" CELLPADDING="0">
<TR>
<td colspan="2">
<a href="#aa467" onclick="diva_show('467','203');"id="link467">
<img name="f467" SRC="Images/plus.gif" border="0" WIDTH="16" HEIGHT="18">
<img name="i467" SRC="Images/icon_book_close.gif" border="0">创业实战</a><br>
</td>
</TR>
</table>
<div id="a467" style="display:none">
<table WIDTH="100%" BORDER="0" CELLSPACING="0" CELLPADDING="0">
<TR>
<td width="18">&nbsp;</td>
<td>
<!--书目第二条子类3(副类1)-->
<a name="aa780"></a>
<table CELLSPACING="0" CELLPADDING="0">
<TR>
<td colspan="2">
<a href="#aa780" onclick="diva_show('780','330');"id="link780">
<img name="f780" SRC="Images/plus.gif" border="0" WIDTH="16" HEIGHT="18">
<img name="i780" SRC="Images/icon_book_close.gif" border="0">国内创业者的故事</a><br>
</td>
</TR>
</table>
<div id="a780" style="display:none">
<table WIDTH="100%" BORDER="0" CELLSPACING="0" CELLPADDING="0"></table>
</div>
</td>
</TR>
<TR>
<td width="18">&nbsp;</td>
<td>
<!--书目第二条子类3(副类2)-->
<a name="aa781"></a>
<table CELLSPACING="0" CELLPADDING="0">
<TR>
<td colspan="2">
<a href="#aa781" onclick="diva_show('781','330');"id="link781">
<img name="f781" SRC="Images/plus.gif" border="0" WIDTH="16" HEIGHT="18">
<img name="i781" SRC="Images/icon_book_close.gif" border="0">国外创业者的故事</a><br>
</td>
</TR>
</table>
<div id="a781" style="display:none">
<table WIDTH="100%" BORDER="0" CELLSPACING="0" CELLPADDING="0"></table>
</div>
</td>
</TR>
</table>
</div>
</TD>
</TR>
<TR>
<td width="18">&nbsp;</td>
<TD>
<!--书目第二条(子类4)-->
<a name="aa468"></a>
<table CELLSPACING="0" CELLPADDING="0">
<TR>
<td colspan="2">
<a href="#aa468" onclick="diva_show('468','204');"id="link468">
<img name="f468" SRC="Images/plus.gif" border="0" WIDTH="16" HEIGHT="18">
<img name="i468" SRC="Images/icon_book_close.gif" border="0">法律理论</a><br>
</td>
</TR>
</table>
<div id="a468" style="display:none">
<table WIDTH="100%" BORDER="0" CELLSPACING="0" CELLPADDING="0"></table>
</div>
</TD>
</TR>
</table>
</div>
</body>
</html>