jquery问题

我用JQUERY做了一个菜单效果JS和JSP文件如下：
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <base href="<%=basePath%>">
    
    <title></title>
    
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">    
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="This is my page">
<link href="image/css.css" type="text/css" rel="stylesheet" />
    <script language="javascript" type="text/javascript" src="js/jquery.js"></script>
    <script language="javascript" type="text/javascript" src="js/index.js"></script>
    <script language="javascript">
    $(function(){
       listLeftMenu();
   });
  </script>
  </head>
  
  
  <body >
   <div id="theBody" > </div> 
  
  </body>
</html>JS文件如下：
// JavaScript Document$(document).ready(function(){   $(".lifont > div").click(function(){
var ulNode = $(this).next("div");
ulNode.slideToggle();
});

 });
function listLeftMenu()
    {
     $.post("listLeftMenu.action",
{

}, function(returnedData, status)
{
if("success" == status)
{
//转换JSON对象
var jsonData = eval("(" + returnedData + ")");
var lastNum = -1;
//上一次INDEX位数
var lastNum = -1;
var ul = "<ul>";
for(var i = 1; i < jsonData.length; i++)
    {
var bFirst1 = false;
    var bFirst2 = false;
var treeData = jsonData[i];
//获取当前TreeIndex位数
var num = treeData.treeIndex.length;
var treeInfo = treeData.treeInfo;
    //表示一组节点已经完成
if(lastNum != -1 && num < lastNum)
{
                         //加上结束标志
ul = ul + "</div>";
}
//长度为两位
    if(num == 2)
{
    ul = ul + "<li><div class='lifont'>"  + treeInfo + "</div></li>";
}
else if(num == 3)
{
if(!bFirst1)
{
 ul = ul + "<div class='cro'>";
 bFirst1 = true;
}
ul = ul + "<div class='ConContent'>" + treeInfo + "</div>" ;

}
    else if(num > 3)
    {
       if(!bFirst2)
       {
       ul = ul + "<div class='recro'>";
       bFirst2 = true;
       }
     ul = ul + "<div class='ConContent1'>" + treeInfo + "</div>";
    }     lastNum = num;
    }
ul = ul + "</ul>";
$("#theBody").append(ul);
 }
  }
);
    }可以动态生成菜单，为什么没有那种动态导航菜单的效果