div 显示隐藏的问题，在线求解！！！

-------------------js $(document).ready(function(){
    $("ul.ullist li.menu").click(function(){
      alert($(this).find(".menulist").parent().html());  
      $(this).find(".menulist").parent().show();
     $(this).find("a").addClass("on");
       $(this).click(function(){},
         function(){
           $(this).find("menulist").slideUp(0);
       });
    }, function(){
        $(this).find("a.alist").removeClass("on");
       
     });
  });------------------------body
<body>
  <div id="main">
    <ul class=ullist>
      <li class="menu"><a href="#">用户管理</a>
       <div class="divlist">
         <ul class="menulist">
           <li><a href="/sysuser/select.jsp">用户查询</a></li>
           <li><a href="#">用户修改</a></li>
           <li><a href="/sysuser/userlist">用户列表</a></li>
         </ul>
       </div>  
      </li>
       <li class="menu"><a href="#">员工管理</a>
        <div class="divlist">
         <ul class="menulist">
           <li><a href="/staff/select.jsp">员工查询</a></li>
           <li><a href="#">员工更新</a></li>
           <li><a href="/staff/staffAdd.jsp">增加员工</a></li>
           <li><a href="#">员工列表</a></li>
         </ul>
        </div> 
      </li>
       <li class="menu"><a href="#">病人管理</a>
       <div class="divlist">
         <ul class="menulist">
           <li><a href="/patient/patientSelect.jsp">病人查询</a></li>
           <li><a href="#">修改病人</a></li>
           <li><a href="/patient/patientList.jsp">病人列表</a></li>
           <li><a href="patient/patientAdd.jsp">增加病人</a></li>
         </ul>
        </div> 
      </li>
       <li class="menu"><a href="#">病房管理</a>
       <div class="divlist">
         <ul class="menulist">
           <li><a href="/sickWard/WardSelect.jsp">病房查询</a></li>
           <li><a href="/sickWard/WardAdd.jsp">增加病房</a></li>
           <li><a href="#">病房列表</a></li>
           <li><a href="#">病房修改</a></li>
         </ul>
       </div> 
      </li>
        <li class="menu"><a href="#">病床管理</a>
        <div class="divlist">
         <ul class="menulist">
           <li><a href="/sickbed/bedSelect.jsp">病床查询</a></li>
           <li><a href="/sickbed/bedAdd.jsp">增加病床</a></li>
           <li><a href="#">病床列表</a></li>
           <li><a href="#">病床修改</a></li>
         </ul>
        </div>  
      </li>
    </ul>
  </div>
</body>------------就是没作用啊  

解决方案 »

  1.   

    $("ul.ullist li.menu").click(function(){
    你这个是要在点击时才起作用吧，而$(document).ready(function(){
    是在页面加载完后就会执行，感觉这儿不对。你有alert($(this).find(".menulist").parent().html());  出这个值么？
      

  2.   

    $(function(){
    $(".ullist>.menu>.divlist").hide();
    });$("li").toggle(function(){
    $(this).children("div").show();
    },function(){
    $(this).children("div").hide();
    });