jQuery基礎教程

jQuery効果

fadeToggle()メソッドは、fadeIn()およびfadeOut()メソッド間の切り替え。

選択された要素がフェードアウトされた場合、fadeToggle()はそれらをフェードインします。

選択された要素がフェードインされた場合、fadeToggle()はそれらをフェードアウトします。

注意：非表示の要素はページのレイアウトに影響を与えなくなります。

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

すべての<p>要素のフェードインとフェードアウトの間で切り替え：

例

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

使用durationパラメータ：

例

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

使用callbackパラメータ：

例

$("button").click(function(){
　　$("div").fadeToggle(1500, function(){}
　　　　alert("fadeToggle効果が完了しました!!!");
　　});
});

私たちは、簡単な画像などの要素にフェードイン/アウト効果を実現できます。

例

$("button").click(function(){
　　$("img").fadeToggle();
});

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