程序有A，B，C，D，四个大类。每个大类有1，2，3，4，四个小类。
我希望进入页面后，当前页面只显示ABCD，当点击A时，显示A类下面的1，2，3，4小类。
不需要提取数据库中的数据。就如同sohu的bbs中的目录树一样
请问高手我该如何实现？

我也想知道！

<script language=javascript>
function check(num)
{
var num=num;
var dd=document.getElementsByTagName("div").length;
for(var i=1;i<=dd;i++)
{
   if(num==i)
   {
     document.getElementById("d"+num).style.display="block";
     document.getElementById("t"+num).style.backgroundColor="#ECECEC";
   }
   else
   {
     document.getElementById("d"+i).style.display="none";
     document.getElementById("t"+i).style.backgroundColor="#FFFFFF";
   }
}
}
</script>
<table border=0 cellspacing=1 cellpadding=0 width=500 bgcolor="#ECECEC">
<tr bgcolor="#FFFFFF" height=30>
<td width=25% align=center id=t1 bgcolor="#ECECEC">
<a href="javascript:check(1);">A</a></td>
<td align=center id=t2><a href="javascript:check(2);">B</a></td>
<td align=center id=t3><a href="javascript:check(3);">C</a></td>
<td align=center id=t4><a href="javascript:check(4);">D</a></td>
</tr>
<tr bgcolor="#FFFFFF" height=30><td colspan="4">
<div id=d1 style="display:block">A1&nbsp;&nbsp;A2</div>
<div id=d2 style="display:none">B1&nbsp;&nbsp;B2</div>
<div id=d3 style="display:none">C1&nbsp;&nbsp;C2</div>
<div id=d4 style="display:none">D1&nbsp;&nbsp;D2</div>
</td></tr>
</table>

我做了一个frame页面，左边部分希望做成目录树结构。目录名称写进代码即可。无须从数据库中提取任何数据。
当点击A大类时，显示为：
-A
 1
 2
 3
 4
+B
+C
+D

请教高手，如何用asp实现？

非常感谢二楼的兄弟给出的代码。非常有用

是用javascript写的,学习了，谢谢

这年头看到别人给了代码的，几乎都是激动得光谢谢2楼。
浮躁，就是浮躁。