思いつきでやったら出来たので記録
単体の要素に複数のアニメーションを同時に行うには
$("#image").animate({
opacity:1
},
{
duration: 3000,
queue: false
})
.animate({
marginLeft:300
},
{
duration: 3000,
queue: false
})
のように記述すれば簡単にできる。
じゃあ別要素のアニメーションは？っと悩んでやってみたらできた
以下ソース
$("#image").animate({
opacity:1
},
{
duration: 3000,
queue: false
})
$("#slideZone").animate({
marginLeft:300
},
{
duration: 3000,
queue: false
})
普通に別要素を一緒に動作させたいアニメーションと同じ階層においてqueueをfalseにすればできました・ｗ・
ちなみにqueueは同時に動作させたいアニメーションだけ指定すればＯＫです
例えば。。。
id=”slideZone”と一緒に○○要素を移動したい！
の○○要素だけに指定するだけで、親となるslideZoneには指定する必要はありません。
以上複数要素のアニメーションの同時動作でした。
※2012/07/05 一つ目の例でqueueの値がtrueになっていたので修正しました。
