このサンプルは、jQueryのslideToggle()メソッドを利用してdiv要素をスライドさせながら表示または非表示にします。サンプルの[show]ボタンをクリックするとdiv要素が上から徐々に表示されます。[hide]ボタンをクリックするとdiv要素が下から徐々に消えます。
slideToggle({slow|normal|fast|ms}[,callback])
div要素をスライドさせながら表示|非表示に切り替えるには、jQueryのslideToggle()メソッドを使用します。このメソッドの引数1にはスピード、引数2にはコールバック関数を指定します。引数1に時間(ms)を指定するときは、ミリセカンドの単位で「2000」のように記述します。
$("div").slideToggle("slow");
<div></div>
このサンプルは、jQueryのslideToggle()メソッドを利用してdiv要素をスライドさせながら表示または非表示にします。サンプルの[show]ボタンをクリックするとdiv要素が上から徐々に表示されます。[hide]ボタンをクリックするとdiv要素が下から徐々に消えます。
slideToggle({slow|normal|fast|ms}[,callback])
div要素をスライドさせながら表示|非表示に切り替えるには、jQueryのslideToggle()メソッドを使用します。このメソッドの引数1にはスピード、引数2にはコールバック関数を指定します。引数1に時間(ms)を指定するときは、ミリセカンドの単位で「2000」のように記述します。
$("div").slideToggle("slow");
<div></div>