ul 列表 点击后显示 子列表

[e0a0]

左边是大<li> 点击下面显示子<li> 是后台动态加ul 子<li> id是 数据库表 ID

怎么实现

[e0a0]

大 <li>

  private void tree() {       
            rbac.Bll.Modules bll = new Bll.Modules();
            Module module = new Module();
            ModuleType type = new Model.ModuleType();
            moduletype = bll.GetModuleTypeList("");
            if (moduletype.Tables[0].Rows.Count > 0) {
                html1 = "<ul id=\"tree\">";            
                foreach (DataRow dr in moduletype.Tables[0].Rows) {
                    html1 += "<li id=\""+dr["ModuleTypeID"]+"\"><a href=\"javascript:void(0)\">" + dr["ModuleTypeDescription"] + "</a>";
                    smalltree(bll, type);
                    html1 += "</li>";
                }
                html1 += "</ul>";
            }
            Response.Write(html1);
        }

小 <li>

 private void smalltree(rbac.Bll.Modules bll, ModuleType type)
        {
            DataSet modulelist = bll.GetModuleList("ModuleTypeID=" + type.ModuleTypeID.ToString());
            if (modulelist.Tables[0].Rows.Count > 0)
            {
                html2 = "<ul style=\"display=\"none\"\", id=\"smalltree\">";
                foreach (DataRow dr1 in modulelist.Tables[0].Rows)
                {
                    html2 += "<li><a href=\"javascript:void(0)\">" + dr1["ModuleDescription"] + "</a>";
                    html2 += "</li>";
                }
            }
            html2 += "</ul><script type=\"text/javascript\">inits();</script>";
        }

init() 里面还没有东西 ，我想用这个做点东西 目前不知道怎么做 前台 <li> 都在

   <div id="left" style="float:left">
     </div>

[e0a0]

在线等11111