JS代码超少的竖向两级树形菜单

一个JS代码超少的竖向两级菜单树，UL LI结构。这个代码仅仅有两个事件代码：

如：onClick="document.all.child2.style.display=(document.all.child2.style.display =='none')?'':'none'"

修改如下样式来定义你认为漂亮的界面
ul { padding:0; margin:0;}
#main1,#main2 { width:100px; height:28px; line-height:28px; padding-left:5px; background:#ccc; cursor:pointer; border-bottom:1px solid #fff;}
#child1,#child2 { width:105px; background:#eee;}
#child1 ul li,#child2 ul li { padding-left:5px; border-bottom:1px solid #fff; line-height:180%;}
#child1 ul li a,#child2 ul li a { color:#666;}