show()
showメソッドは非表示の要素を表示に切り替えるメソッドです。
display:noneの要素に対してこのメソッドを適応させると、その要素のdisplayプロパティをblockに変更します。要素がもともとdisplay:blockではなくdisplay:inlineの場合はinlineに変更されます。
$("p").show();
引数に数値を指定すると、指定したミリ秒でアニメーション(左上を起点に拡大)しながら表示されるようになります。
$("p").show(100);
引数には数値以外にもfast(200ミリ秒)やslow(600ミリ秒)といったキーワードによる速度指定も可能です。
$("p").show("fast");
引数にイージング関数を設定することも可能です。
$("p").show(400,"linear");
イージング関数はデフォルトでは滑らかに始まり滑らかに終わる「swing」ですが、一定スピードで変化する「linear」が指定可能です。他にもjQuery UIなどのイージング関数を読み込んで利用することが可能です。
アニメーションが終了した際のコールバック関数も設定可能です。
$("p").show(400,function(){
//アニメーション終了時に実行したい命令
});
登録日 : 2012年10月15日 最終更新日 : 2012年10月15日