缓动动画快照

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。希望它有帮助..