用HTML做树形菜单,jquery实现树形菜单完整代码

本实例实现了树形的动态菜单，兼容IE8,火狐，Chrome等浏览器。使用了jQuery的toggle() 方法。效果和代码如下：

jquery的树形菜单代码

body { font-family:"宋体"; font-size: 12px; line-height: 1.5em; color:#7FB0C8; padding:0; margin:0; background: #336699;}

ul,ol,li,dl,dt,dd { margin:0; padding:0; list-style-type:none;}

h1,h2,h3,form,input,iframe,span { margin:0; padding:0;}

a { color:#7FB0C8;}

a:link {color: #7FB0C8; TEXT-DECORATION: none;}

a:visited {color: #7FB0C8; TEXT-DECORATION: none;}

a:hover {color: #fff; TEXT-DECORATION: none;}

.white { color:#fff;}

.white a:link {color: #fff; TEXT-DECORATION: none;}

.white a:visited {color: #fff; TEXT-DECORATION: none;}

.white a:hover {color: #73E1F5; TEXT-DECORATION: none;}

/*