要素をアニメーションさせます。)attr属性を指定します。duration動作完了までの期間を指定します。文字列を指定出来ます。easingイージング(動き方)を指定します。swing(規定値)かlinearを指定します。callback完了後に発火するcallback関数を設定します。)attr属性を指定します。option各オプションをObjectで指定します。});});サンプルまた、属性ごとにeasingを設定する事も出来ます。いった現在の数値から相対的に計算するような演算子も使用できます。その際は、クォーテーションで囲う必要があります。連続でクリックをすると、どんどんアニメーションのキューが溜まっていきます。状況によってアニメーションを変化するものの場合、キューが残り続けるのはよろしくないです。その場合は、stopメソッドを使用して現在のキューを全て停止した後に、アニメーションをするようにしましょう。キューとは?キュー(queue)jQueryのアニメ処理は実行と同時に開始されるのではなく、キューと呼ばれる配列に格納されて順々に実行されます。1つのアニメが完了してから次のアニメが開始されるのです。属性の操作は出来ません。pxやemや%などに指定出来る単位となります。(background-colorの変更は出来ません)ハイフンを含むプロパティについては、キャメルケースで記載が必要です。記載しないと動きません。)キューに追加やアニメーションの間にfunction実行をしない場合は、前者の構文で対応した方がベターです。duration目的の値までの期間をミリ秒で指定easingアニメの加速度のタイプを指定queueアニメをキューに追加するか以下かを指定stepアニメの期間に連続して実行するfunctionを指定completeアニメの完了時に実行するfunctionを指定v1.4〜specialEasingプロパティ(幅や高さなど)毎に個別のイージングを設定します。v1.8~startアニメが開始された時に実行するfunctionを指定progressアニメの期間に連続して実行するfunctionを指定doneアニメが正常終了した時に実行するfunctionを指定failアニメが異常終了した時(stopされた時)に実行するfunctionを指定alwaysアニメの終了した時(正常/異常にかかわらず)に実行するfunctionを指定まずは、前者の構文の形で記載してみます。高さ800pxに伸びると、なります。});});サンプル次にqueueとstepを使用した例をみてみます。基本は前例と同じです。falseにした事で、queueにアニメーションをためません。左に800px動くアニメーションが終わる前に、次のアニメーションが一緒に発動されます。stepはアニメーション中に連続でcallbackを起動していきます。今回のようなケースは、本来であれば一つのanimateの属性指定の箇所にまとめて記載するのがいいです。今回は例のため、このような表記をしています。});});サンプルqueueプロパティには真偽値を指定します。キューにアニメーションを追加するかどうかを指定します。規定値はtrueです。falseと考えると分かりやすいかもしれません。stepプロパティには引数を設定できます。2つを設定しているので、2回分のfunctionが実行されます。