緩動動畫快照

Question

我正在處理鏈接點擊以展開鏈接下的隱藏div層。我正在使用'easeOutBounce'，它看起來很棒。問題是當我點擊鏈接將div恢復爲隱藏狀態時。因爲它正在做動畫，所以有一個白色區域（div是這個區域），下面的div突然跳出來。我想放鬆它推動的div。我希望這是有道理的。

$(".launch-search").click(function() { 
    $('.search-container').toggle('slide', { 
     duration: 1000, 
     easing: 'easeOutBounce', 
     direction: 'up' 
    }); 
}); 

這是一個示例問題的JSFiddle。注意搜索容器下方的白色大間隙，並用藍色框牢固地咬住頂部。

http://jsfiddle.net/0wj2g3jm/6/

Answer 1

而不是使用slide的，你可以使用animate象下面這樣：

$(".launch-search").click(function() { 
    $('.search-container').animate(
    { height: "toggle" }, { 
    duration: 'slow', 
    easing: 'easeOutBounce' 
    }); 
}); 

退房的fiddle。希望它有幫助..