最新のWeb開発のチュートリアル
 

jQuery fadeToggle() Method

<jQueryの効果方法

別のボックスをフェードインとフェードアウトを切り替えます:

$("button").click(function(){
    $("#div1").fadeToggle();
});
»それを自分で試してみてください

定義と使用法

fadeToggle()メソッドは、間で切り替わりfadeIn()fadeOut()メソッド。

要素がフェードアウトしている場合は、 fadeToggle()でそれらをフェードインします。

要素がフェードインしている場合は、 fadeToggle()それらをフェードアウトします。

注 :隠し要素が全く表示されません(もはやページのレイアウトに影響を与えません)。


構文

$(セレクタ).fadeToggle(速度、緩和、コールバック

パラメーター 説明
speed 任意。 フェージング効果の速度を指定します。 デフォルト値は400ミリ秒です

可能な値:

  • ミリ秒
  • "slow"
  • "fast"
easing 任意。 効果の異なる点における要素の速度を指定します。 デフォルト値は"swing"

可能な値:

  • "swing" -速く途中で始め/終わりに遅く移動するが、
  • "linear" -一定の速度で移動
ヒント:より多くのイージング関数は、外部プラグインでご利用いただけます
callback 任意。 後に実行する機能fadeToggle()メソッドが完了しました

コールバックの詳細については、私たちのお読みくださいjQueryのコールバックの章を

それを自分で試してみてください - 例

fadeToggle() -速度パラメータを使用します
フェージング効果の速度を指定する速度パラメータを使用する方法。

fadeToggle() - callbackパラメータを使用して
後に関数を実行するためのコールバックパラメータを使用する方法fadeToggle()メソッドが完了しました。


<jQueryの効果方法