jquery - div 位置のアニメーションが実際の動きにならない

Question

この単純なアニメーションが動かない理由がわかりません (不透明部分は正常に動作します)。私が間違っていることはありますか？

$("#par").ready(function(){
    $("div").animate({
        right:"200px",
        opacity:".4"
    },2000);
});

Answer 1

ドキュメントから：

方向プロパティ (上、右、下、左) は、位置スタイル プロパティが静的 (デフォルト) である場合、要素に認識できる影響を与えません。

これは、たとえば、このサンプルpositionのように を固定として設定した場合にうまく機能します。

<div id=div style="position:fixed">AAA</div>​

その後

 $("#div").animate({
     right:"200px",
     opacity:".4"
 },2000);