JQueryで要素の高さを取得してアニメーションで使用する方法

Question

var oldHeight = $("#outerCart").height; 
     $('#outerCart').animate(
        { height: (oldHeight + 100) }, { 
         duration: 'slow', 
         easing: 'easeOutBounce' 
        }); 

今のところこのコードは機能しません（私の推測では、新しい高さに対してoldHeightが設定されています）。このような定数を置くと、

var oldHeight = $("#outerCart").height; 
     $('#outerCart').animate(
        { height: 200 }, { 
         duration: 'slow', 
         easing: 'easeOutBounce' 
        }); 

どのように私はこの動的にするのですか？ ありがとうございます

Answer 1

あなたは代わりに"+=100"を行うことができます。 animate()^(docs)方法ドキュメントから

$('#outerCart').animate(
{ height: '+=100' }, { 
    duration: 'slow', 
    easing: 'easeOutBounce' 
}); 

：

アニメーション特性も相対的であってもよいです。値に先行する+ =または - =文字のシーケンスが指定されている場合は、プロパティの現在の値から与えられた数値を加算または減算することによって、目標値が計算されます。

コードが機能しなかったのは、関数を呼び出さずに関数を参照したためです。

$("#outerCart").height; 

はされている必要があります。

$("#outerCart").height();