把2级树形结构转换为3级的问题

Question

RT
<div id="PARENT" style="background-color:#ffffff; color:#000000"><ul id="nav"><li><a href=##Menu=ChildMenu1 onClick="DoMenu('ChildMenu1')">大类1</a>    <ul id="ChildMenu1" class="collapsed">        <li><a href=##Menu=ChildMenu1 onClick="DoMenu('ChildMenu11')">小类1</a></li><li><a href=Menu=ChildMenu1>小类1</a></li><li><a href=Menu=ChildMenu1>小类1</a></li><li><a href=##Menu=ChildMenu1>小类1</a></li>
   </ul>
</li><li><a href=##Menu=ChildMenu2 onClick="DoMenu('ChildMenu2')">大类2</a>    <ul id="ChildMenu2" class="collapsed"><li><a href=##Menu=ChildMenu2>小类2</a></li><li><a href=##Menu=ChildMenu2>小类2</a></li>
   </ul>
</li></ul>
        </div>
    <script type=text/javascript><!--
var LastLeftID = "";
function menuFix() {
var obj = document.getElementById("nav").getElementsByTagName("li");
for (var i=0; i<obj.length; i++) {
   obj[i].onmouseover=function() {
    this.className+=(this.className.length>0? " ": "") + "sfhover";
   }
   obj[i].onMouseDown=function() {
    this.className+=(this.className.length>0? " ": "") + "sfhover";
   }
   obj[i].onMouseUp=function() {
    this.className+=(this.className.length>0? " ": "") + "sfhover";
   }
   obj[i].onmouseout=function() {    this.className=this.className.replace(new RegExp("( ?|^)sfhover\\b"), "");
   }
}
}function DoMenu(emid){
var obj = document.getElementById(emid);obj.className = (obj.className.toLowerCase() == "expanded"?"collapsed":"expanded");if((LastLeftID!="")&&(emid!=LastLeftID)) //关闭上一个Menu{
   document.getElementById(LastLeftID).className = "collapsed";
}
LastLeftID = emid;
}
function GetMenuID()
{
var MenuID="";
var _paramStr = new String(window.location.href);
var _sharpPos = _paramStr.indexOf("#");
if (_sharpPos >= 0 && _sharpPos < _paramStr.length - 1)
{
   _paramStr = _paramStr.substring(_sharpPos + 1, _paramStr.length);
}
else
{
   _paramStr = "";
}
if (_paramStr.length > 0)
{
   var _paramArr = _paramStr.split("&");   if (_paramArr.length>0)
   {
    var _paramKeyVal = _paramArr[0].split("=");    if (_paramKeyVal.length>0)
    {
     MenuID = _paramKeyVal[1];
    }
   }
}
if(MenuID!="")
{
   DoMenu(MenuID)
}
}
GetMenuID(); //*这两个function的顺序要注意一下，不然在Firefox里GetMenuID()不起效果
menuFix();
--></script> 

Answer 1

我在 <li> <a href=##Menu=ChildMenu1 onClick="DoMenu('ChildMenu11')">小类1 </a> </li> 
下面想要加个3级的分类，加上后却怎么也不显示出来，谁知道，帮我下

Answer 2

<div id="PARENT" style="background-color:#ffffff; color:#000000"> <ul id="nav"> <li> <a href=##Menu=ChildMenu1 onClick="DoMenu('ChildMenu1')">大类1 </a>     <ul id="ChildMenu1" class="collapsed">         <li> <a href=##Menu=ChildMenu1 >小类1 </a> </li> <li> <a href=Menu=ChildMenu1>小类1 </a> </li> <li> <a href=Menu=ChildMenu1>小类1 </a> </li> <li> <a href=##Menu=ChildMenu1>小类1 </a> </li> 
  </ul> 
</li> <li> <a href=##Menu=ChildMenu2 onClick="DoMenu('ChildMenu2')">大类2 </a>     <ul id="ChildMenu2" class="collapsed"> <li> <a href=##Menu=ChildMenu2>小类2 </a> </li> <li> <a href=##Menu=ChildMenu2>小类2 </a> </li> 
  </ul> 
</li> </ul> 
        </div> 
    <script type=text/javascript> <!-- 
var LastLeftID = ""; 
function menuFix() { 
var obj = document.getElementById("nav").getElementsByTagName("li"); 
for (var i=0; i <obj.length; i++) { 
  obj[i].onmouseover=function() { 
    this.className+=(this.className.length>0? " ": "") + "sfhover"; 
  } 
  obj[i].onMouseDown=function() { 
    this.className+=(this.className.length>0? " ": "") + "sfhover"; 
  } 
  obj[i].onMouseUp=function() { 
    this.className+=(this.className.length>0? " ": "") + "sfhover"; 
  } 
  obj[i].onmouseout=function() {     this.className=this.className.replace(new RegExp("( ?|^)sfhover\\b"), ""); 
  } 
} 
} function DoMenu(emid) { 
var obj = document.getElementById(emid); obj.className = (obj.className.toLowerCase() == "expanded"?"collapsed":"expanded"); if((LastLeftID!="")&&(emid!=LastLeftID)) //关闭上一个Menu { 
  document.getElementById(LastLeftID).className = "collapsed"; 
} 
LastLeftID = emid; 
} 
function GetMenuID() 
{ 
var MenuID=""; 
var _paramStr = new String(window.location.href); 
var _sharpPos = _paramStr.indexOf("#"); 
if (_sharpPos >= 0 && _sharpPos < _paramStr.length - 1) 
{ 
  _paramStr = _paramStr.substring(_sharpPos + 1, _paramStr.length); 
} 
else 
{ 
  _paramStr = ""; 
} 
if (_paramStr.length > 0) 
{ 
  var _paramArr = _paramStr.split("&");   if (_paramArr.length>0) 
  { 
    var _paramKeyVal = _paramArr[0].split("=");     if (_paramKeyVal.length>0) 
    { 
    MenuID = _paramKeyVal[1]; 
    } 
  } 
} 
if(MenuID!="") 
{ 
  DoMenu(MenuID) 
} 
} 
GetMenuID(); //*这两个function的顺序要注意一下，不然在Firefox里GetMenuID()不起效果 
menuFix(); 
--> </script> 我再贴一遍吧