JS+CSS竖向点击展开折叠式菜单

结构采用了DL DT DD结构，配合CSS和JS实现。
结构清晰，易修改。
代码说明：
1、要设置JS文件中的 定义条目数( var number=5; )
2、结构中：
         <dt onclick=javascript:ShowFLT(1) href="javascript:void(null)"><a href="javascript:;">如何检索</a></dt>
这个地方为什么要加 a 标签？ 是因为，IE6 不支持 dt:hover 这样的属性，用一个空链接
可以实现 hover 样式。
如果你忽略IE6 的hover样式，你可以去掉 a 标签直接写成<dt onclick=javascript:ShowFLT(1) href="javascript:void(null)">如何检索</dt>
然后用dt:hover 实现hover样式。

3、大家知道在IE中点击链接的时候会有讨厌（有些人会这样认为）的虚线框，那可以再</HTML>的后面加上如下代码：
<script type="text/javascript">
var __aObj=document.getElementsByTagName("a");
var __length=__aObj.length;
for(var i=0;i<__length;i++){
 __aObj[i].onfocus=function(){this.blur();}
}
</script>
这样就去掉了IE中点击链接时的虚线框。

点击查看IE中点击链接时的虚线框相关
http://51xuediannao.com/jiqiao/qita/20091111/lianjiexuxian.html

4、当然你可以应用一个 IE7.JS或者IE8.js 来让IE6也具有 hover属性。当然这听起来时非常的帅。

点击查看IE7.JS和IE8.JS相关
http://51xuediannao.com/jiqiao/qita/20091111/ie6ie7ie8.html