このサンプルは、jQueryのfadeOut()メソッドを利用してdiv要素をフェイドアウト効果付きで消します。サンプルの[Click Me!]ボタンをクリックすると「青」「緑」「赤」の長方形がフェイドアウト付きで消えます。
fadeOut({"slow"|"normal"|"fast"|ms}[,callback])
html要素にフェイドアウト効果を適用して消すには、jQueryのfadeOut()メソッドを使用します。このメソッドの引数1にはスピードを指定します。時間(ms)を指定するときはミリセカンドの単位で指定します。引数2にはコールバック関数名を指定します。ここでは、可視状態の最後のdiv要素を検索してフェイドアウト効果付きで消しています。
$("div:visible:last").fadeOut("slow");
<div id="red"></div>
<div id="green"></div>
<div id="blue"></div>
このサンプルは、jQueryのfadeOut()メソッドを利用してdiv要素をフェイドアウト効果付きで消します。サンプルの[Click Me!]ボタンをクリックすると「青」「緑」「赤」の長方形がフェイドアウト付きで消えます。
fadeOut({"slow"|"normal"|"fast"|ms}[,callback])
html要素にフェイドアウト効果を適用して消すには、jQueryのfadeOut()メソッドを使用します。このメソッドの引数1にはスピードを指定します。時間(ms)を指定するときはミリセカンドの単位で指定します。引数2にはコールバック関数名を指定します。ここでは、可視状態の最後のdiv要素を検索してフェイドアウト効果付きで消しています。
$("div:visible:last").fadeOut("slow");
<div id="red"></div>
<div id="green"></div>
<div id="blue"></div>