jquery导航下拉菜单渐隐渐现

<script type="text/javascript" src="js/jquery-1.8.3.min.js"></script>

 <div class="nav_m">

            <ul class="nav clearfix">
                <li class="now"><a href="/">首&nbsp;&nbsp;&nbsp;&nbsp;页</a></li>
              
                <li >
                  <a href="/e/action/ShowInfo.php?classid=1&id=1" >
                    关于我们
                  </a>
      <dl>
       <dd><a href="">企业简介</a></dd>
     <dd><a href="">资质荣誉</a></dd>
     <dd><a href="">企业文化</a></dd>
      </dl>
                </li>
                <li >
                  <a href="/e/action/ListInfo/?classid=2" >
                    项目分析
                  </a>
      <dl>
       <dd><a href="">企业简介</a></dd>
     <dd><a href="">资质荣誉</a></dd>
     <dd><a href="">企业文化</a></dd>
      </dl>
                </li>
                <li >
                  <a href="/e/action/ListInfo/?classid=3" >
                    服务项目
                  </a>
      <dl>
       <dd><a href="">企业简介</a></dd>
     <dd><a href="">资质荣誉</a></dd>
     <dd><a href="">企业文化</a></dd>
      </dl>
                </li>
                <li >
                  <a href="/e/action/ListInfo/?classid=4" >
                    合作创业
                  </a>
      <dl>
       <dd><a href="">企业简介</a></dd>
     <dd><a href="">资质荣誉</a></dd>
     <dd><a href="">企业文化</a></dd>
      </dl>
                </li>
                <li >
                  <a href="/e/action/ListInfo/?classid=5" >
                    门店规划
                  </a>
      <dl>
       <dd><a href="">企业简介</a></dd>
     <dd><a href="">资质荣誉</a></dd>
     <dd><a href="">企业文化</a></dd>
      </dl>
                </li>
                <li >
                  <a href="/e/action/ListInfo/?classid=6" >
                    专供产品
                  </a>
      <dl>
       <dd><a href="">企业简介</a></dd>
     <dd><a href="">资质荣誉</a></dd>
     <dd><a href="">企业文化</a></dd>
      </dl>
                </li>
                <li >
                  <a href="/e/action/ShowInfo.php?classid=1&id=7" >
                    联系我们
                  </a>
                </li>
            </ul>
        </div>

<script>

 $(document).ready(function(){
        $('.nav li').hover(function() {
            $(this).children("dl").fadeIn("slow");
        }, function() {
          $(this).children("dl").fadeOut("slow");
        });
           $(this).children("dl").hover(function() {
                $(this).fadeIn("slow");
            }, function() {
                $(this).fadeOut("slow");
            });
 })
</script>