关于树形菜单，网上流传有很多版本，大致看了一下，还是觉得自己DIY一个比较合用，要点：

CSS和JS代码尽量精简
html结构化
兼容IE与FF
较好的视觉扩展性，即可通过修改CSS来控制菜单外观

JS 1:
function showhide(obj){
obj.nextSibling.style.display=(obj.nextSibling.style.display==”block”)?”none”:”block”;
obj.style.backgroundImage=(obj.style.backgroundImage==”url(icon_hide.gif)”)?”url(icon_show.gif)”:”url(icon_hide.gif)”;
}
JS 2:
function shutopen(t1,t2){
document.getElementById(t1).style.display=(document.getElementById(t1).style.display==”block”)?”none”:”block”;
document.getElementById(t2).style.backgroundImage=(document.getElementById(t2).style.backgroundImage==”url(icon_hide.gif)”)?”url(icon_show.gif)”:”url(icon_hide.gif)”;
}
DEMO