將緩動添加到以下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' 
    }); 
});