jquery slideDown /向上滑動菜單

Question

我可以做一個滑動菜單。

我想要懸停在標誌容器上將其向上滑動，並在動畫完成時滑動下拉菜單。當鼠標會出標識的容器的菜單將向上滑動，並且當動畫將被finisded標誌將滑動鼠標懸停向下

1）的標誌（效果基本show） - 等到動畫compleate - 2）菜單（了slideDown） 當鼠標從 1）菜單（效果基本show） - 等到動畫compleate - 2）碘（了slideDown）

的Html

<div id="header"> 

    <div class="navigation_menu_hide"> 
     <div class="content"> 
      <ul> 
       <li><a href="#">test1</a></li> 
       <li><a href="#">test1</a></li> 
       <li><a href="#">test1</a></li> 
       <li><a href="#">test1</a></li> 
       <li><a href="#">test1</a></li> 
       <li><a href="#">test1</a></li> 
       <li><a href="#">test1</a></li> 
       <li><a href="#">test1</a></li> 
      </ul> 
     </div> 
    </div> 

    <div class="logo_show"> 
     <div class="content"> 
      <img src="http://img2.russia.ru/upimg//news/19986/top2.jpg" alt=""> 
      <span>Menu</span>    
     </div> 
    </div> 

</div> 

Jquery的

$("#header").hover(function(){ 

    $('.logo_show').slideUp('300', function(){ 
     $('.navigation_menu_hide').slideDown('300'); 
    }); 
},function(){ 
    $('.navigation_menu_hide').slideUp('200'); 

    $('.logo_show').stop(true, true).slideDown('300'); 
}); 

Demo - what I have now (jsfiddle)

我做了什麼，但有問題的動畫compleate等待

Answer 1

這裏是我想出了一個解決辦法，我調整了jQuery的一點DEMO

$(document).ready(function() { 

$('.logo_show').hover(function(){ 
    $(this).slideUp('300'); 
    $('.navigation_menu_hide').stop(true, true).slideDown('300', function() { 

     $('.navigation_menu_hide').mouseleave(function() { 
       $(this).slideUp('200'); 
       $('.logo_show').slideDown('300'); 

     }); 
    }); 
    }); 
}); 

希望這就是你要找的。