アニメーションjQueryエフェクト

Question

このサイトのエフェクトなどdivのエフェクトをデザインしたい（右側のライブコメントボックスから）。

私はアニメーション効果を使用しています。 のような何か：

jQuery(".aux_content").animate({"width":400+"px"},1000); 
jQuery(".aux_content").animate({"height":500+"px"},{duration:1000, queue: true}); 
jQuery("#scrollingDiv").animate({"height":500+"px"},{duration:1000, queue: true}); 

それはどのようにそれが必要表示されません。誰か良いアイデアはありますか？

Answer 1

jQuery(".aux_content").animate({width:"400px",height:"500px"},1000); 

代わりに、数字を引用符で囲んでください。しかし、問題は、あなたが見た目をどのように見せているか、現在の姿を伝えたり、見せたりしていないことです。あなたが必要とするものを完全に言うのは難しいです。

また、引用符の外に名前を保存する必要があります。

$(".aux_content").animate({width:"400px"},1000, function() { 
    $(".aux_content").animate({height:"500px"},1000, function() { 
     $("#scrollingDiv").animate({height:"500px"},1000); 
    }); 
}); 

EDIT：アニメート文字列の1つ以上のプロパティをアニメートすることもできます。上記の方法を教えてください。