異なるボックスにフェードインとフェードアウトをトグルする:
$("button").click(function(){
$("#div1").fadeToggle();
});
Try it Yourself »
fadeToggle() メソッドは、fadeIn() と fadeOut() メソッドの間をトグルします。
要素がフェードアウトされていれば、fadeToggle() はそれをフェードインします。
要素がフェードインされていれば、fadeToggle() はそれをフェードアウトします。
注: hidden 要素はまったく表示されません(ページのレイアウトにも影響を与えません)。
$(selector).fadeToggle(speed,easing,callback)
パラメータ | 説明 |
---|---|
speed | 任意。fading 効果の速度を指定する。デフォルト値は 400 ミリ秒。 指定可能な値:
|
easing | 任意。アニメーションの各時点における要素の速度を指定する。デフォルト値は "swing"。 指定可能な値:
|
callback | 任意。fadeToggle() メソッドが完了した後に実行する関数
コールバックの詳細については、jQuery Callback を参照 |
fadeToggle() - speed パラメータを使用する
フェーディング効果の速度を指定するために speed パラメータを使用する方法。
fadeToggle() - callback パラメータを使用する
fadeToggle() メソッドが完了した後に実行する関数に callback パラメータを使用する方法。