fadeIn(speed,callback)

説明補足説明コードコメント投稿

このサンプルは、jQueryのfadeIn()メソッドを利用してdiv要素をフェイドイン効果付きで表示します。サンプルの[Click Me!]ボタンをクリックすると「赤」「緑」「青」の順番に長方形が表示されます。

このサンプルは、jQueryのfadeIn()メソッドを利用してdiv要素をフェイドイン効果付きで表示します。サンプルの[Click Me!]ボタンをクリックすると「赤」「緑」「青」の順番に長方形が表示されます。

fadeIn({"slow"|"normal"|"fast"|ms}[,callback])

html要素にフェイドイン効果を適用して表示するには、jQueryのfadeIn()メソッドを使用します。このメソッドの引数1にはスピードを指定します。時間(ms)を指定するときは、ミリセカンドの単位で指定します。引数2にはコールバック関数名を指定します。 ここでは、不可視(:hidden)状態の先頭(:first)のdiv要素を検索してフェイドイン効果を適用して表示しています。:firstを指定して先頭のdiv要素を検索するようにしていますのでボタンを3回クリックするとすべてのdiv要素が表示されます。 

$("div:hidden:first").fadeIn("slow");

<div id="red"></div>
<div id="green"></div>
<div id="blue"></div>