放松动画突然拍摄

时间:2015-09-03 01:37:37

标签: jquery html animation easing

我正在使用链接点击以展开链接下方隐藏的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/

1 个答案:

答案 0 :(得分:0)

您可以使用slide,而不是animate,而不是$(".launch-search").click(function () { $('.search-container').animate( { height: "toggle" }, { duration: 'slow', easing: 'easeOutBounce' }); });

<?php
// Server in the this format: <computer>\<instance name> or 
// <server>,<port> when using a non default port number
$server = '214.133.182.71,1443';

// Connect to MSSQL
$link = mssql_connect($server, '****', '******');

if (!$link) {
die('Something went wrong while connecting to MSSQL');
}
?>

查看fiddle。希望它有所帮助..