在以下jQuery动画中添加缓动？

Question

我正在设置元素的高度：

  // Animate height of items
  $j(".item .row").toggle(function(){
    $j(this).animate({height:500},200);
  },function(){
    $j(this).animate({height:300},200);
  });

我想知道如何为它添加缓动？ （例如动画减速到最后？）

Answer 1

定义缓动，方法如下

$('selector').animate({
    prop:1
},{
    easing: easing, //Something like 'linear'
    duration: duration,
    complete: callback
});

您还可以添加其他缓动效果，包括Easing Plugin。

在你的情况下，它会像

$j(".item .row").toggle(function(){
    $j(this).animate({height:500}, {
        easing: 'linear',
        duration: '200'
    });
  },function(){
    $j(this).animate({height:300},{
        easing: 'linear',
        duration: '200'
    });
});