自定义的树型菜单

<SCRIPT language=JavaScript type=text/javascript>
<!--
var arrMenus = new Array("title1","title2");
var arrDivs = new Array("div1","div2");
function doMenu(MenuName)
{
 for (var i=0; i<arrMenus.length; i++)
 {
  var div = document.getElementById(arrDivs[i]);
  var menu = document.getElementById(arrMenus[i]);
  if (MenuName == arrMenus[i])//当前菜单如果打开就关闭，如果关闭就打开
  {
    menu.style.display = menu.style.display=="none"?"":"none";
    div.innerHTML = div.innerText.charAt(0)=="+"?div.innerHTML.replace("+","-"):div.innerHTML.replace("-","+");//根据第一个字符是+,-判断
  }
  else if(menu.style.display != "none")//其他菜单如果打开就关闭
  {
    menu.style.display = "none";
    div.innerHTML = div.innerHTML.replace("-","+");
  }
 }
}
-->
</SCRIPT>
<DIV id=div1 style="CURSOR: hand" οnclick="return doMenu('title1');"><STRONG>+ Blog管理1</STRONG></DIV>
<DIV id=title1 style="DISPLAY: none">
<DIV><A href="#">Blog统计</A></DIV>
<DIV><A href="#">我的博贴</A></DIV>
</DIV>
<DIV id=div2 style="CURSOR: hand" οnclick="return doMenu('title2');"><STRONG>+ Blog管理2</STRONG></DIV>
<DIV id=title2 style="DISPLAY: none">
<DIV><A href="#">Blog统计</A></DIV>
<DIV><A href="#">我的博贴</A></DIV>
</DIV>