jQuery基本チュートリアル

jQuery効果

show()メソッドは隠された要素を表示します。

注意：隠された要素はページのレイアウトに影響を与えなくなります。

注意：スタイルシートで！importantを使用している場合、例えば表示：none！importantの場合、このメソッドは！importantを覆しません。

注意：このメソッドはjQueryメソッドで隠された要素に適用されます。CSSではdisplay:none（visibility:hidden）。

このメソッドは通常、hide()方法を一緒に使用します。

$(selector).show(duration, easing, callback)

ボタンをクリックしたときにすべての<p>要素を表示：

例

$("button").click(function(){
　　$("p").show();
});

使用durationパラメータ：

例

$("button").click(function(){
　　$("p").show(1000);
});

使用callbackパラメータ：

例

$("button").click(function(){
　　$("div").show(1000, function(){
　　　　alert("DIV　表示");
　　});
});

すべての範囲（この例では単語）をアニメーション化して速く表示し、200ミリ秒以内に各アニメーションを完了する：

例

$("button").click(function(){
　　$("span:first-child").show("fast",　function(){
　　　　$(this).next().show("fast",　arguments.callee);
　　});
});

パラメータ	説明
duration	（オプション）表示効果がどれくらいの長さで実行されるかを決定する。デフォルト値は400ミリ秒可能な値：ミリ秒（例えば100、500、2000など）「fast」「slow」
easing	（オプション）アニメーションの異なるポイントで要素の速度を指定する文字列。デフォルト値は「swing」可能な値：「swing」-始めに/終わりに近づくと動きが遅くなり、中間では速くなる「linear」-一定速度で動く
callback	（オプション）show()メソッドが完了した後に呼び出される関数、各選択された要素ごとに一度呼び出されます