求助，hover显示隐藏问题？


html代码，  
 <div>
       <div class="all_sorttitle"></div>
        <div class="all_sortlist"></div>
   </div>js代码，
$(function(){
$(".all_sort .all_sorttitle").hover(function(){
$(this).next("div").stop(true,true).slideDown(500);

},function(){
$(this).next("div").stop(true,true).slideUp();
});
   
});显示、隐藏的显示正常，当鼠标移到all_sorttitle上时，all_sortlist显示，我想鼠标移动到all_sortlist也显示，但是现在鼠标只要移出它all_sorttitle，div就隐藏了

解决方案 »

  1.   

    <div class="all_sort">
      <div class="all_sorttitle"></div>
      <div class="all_sortlist"></div>
      </div>$(function(){
    $(".all_sort").hover(function(){
    $("all_sortlist").stop(true,true).slideDown(500);},function(){
    $("all_sortlist").stop(true,true).slideUp();
    });
     
    });
      

  2.   


    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>test</title>
    <style></style>
    <script src="jquery-1.3.2.js"></script>
    <script>
    $(function(){
    $(".all_sort").hover(function(){
    $(".all_sortlist").stop(true,true).slideDown(500);
    },function(){
    $(".all_sortlist").stop(true,true).slideUp();
    });

    });
    </script>
    </head><body>
      <div class="all_sort">
          <div class="all_sorttitle">aaaaaa</div>
          <div class="all_sortlist">bbbbbbb</div>
      </div>
    </body>
    </html>