無職のプログラミング jQueryで、異なる要素のアニメーションを順番に実行するjQueryでアニメーションを実行する処理でいろいろとハマったので、 昨日と今日と２日がかりで調べたことをまとめる。 jQueryのEffects APIには、animateやslideUp/slideDownなど、durationを指定することでアニメーションを行うメソッドがいくつかある。 同一要素に対してアニメーションを実行すると、アニメーションが順番に実行される。 これは、jQueryが要素ごとにアニメーション処理用のキューを管理しているからで、キューに格納された処理は前の処理が終わらないと実行されない。 アニメーションをメソッドチェーンでつなぐ必要は無く、 $("#id1").fadeOut(500).fadeIn(500).hide(500).show(500) .fadeOut(500).fadeIn(500);
