jQuery toggle() メソッド

T全 <p> 要素に対し表示と非表示の間をトグルする

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

定義と用法

toggle() メソッドは、選択した要素に対し hide() と show() の間を切り替えます。

このメソッドは、選択した要素の可視性をチェックします。 show() は、要素が非表示の場合に実行され、要素が表示されている場合は hide() が実行されます - これでトグル効果が得られます。

注: hidden 要素はまったく表示されません（ページのレイアウトにも影響を与えません）。

チップ: このメソッドは、カスタム関数の間をトグルするためにも使用することができます。

$(selector).toggle(speed,easing,callback)

パラメータ	説明
speed	任意。hide/show 効果の速度を指定する指定可能な値：ミリ秒 "slow" "fast"
easing	任意。アニメーションの各時点における要素の速度を指定する。デフォルト値は "swing" 指定可能な値： "swing" - 最初と最後はゆっくりと動くが、中間は速く動く "linear" - 一定の速度で動くチップ: 他のイージング関数が、外部プラグインで利用できます
callback	任意。toggle() メソッドが完了した後に実行する関数コールバックの詳細については、jQuery Callback を参照

パラメータ

説明

speed

任意。hide/show 効果の速度を指定する

指定可能な値：

easing

任意。アニメーションの各時点における要素の速度を指定する。デフォルト値は "swing"

指定可能な値：

チップ: 他のイージング関数が、外部プラグインで利用できます

callback

任意。toggle() メソッドが完了した後に実行する関数

コールバックの詳細については、jQuery Callback を参照

toggle() - speed パラメータを使用する
hide/show 効果の速度を指定するために speed パラメータを使用する方法。

toggle() - callback パラメータを使用する
hide/show 間をトグルする時に callback パラメータを使用する方法。