jQuery.fx.offプロパティ

jQuery.fx.off プロパティは、 アニメーションをグローバルに無効化することができます。 このプロパティを true に設定すると、 すべてのアニメーションメソッドは、 エフェクトを表示することなく、 要素を最終状態に設定します。 この設定を元に戻すには、 このプロパティを false に再設定してください。

例

ここに緑色の長方形があるとします。 ボタン #start をクリックすると、 toggle メソッドを使って アニメーションを開始します。 また、ボタン #toggle を使用して、 jQuery.fx.off 設定を切り替えることで アニメーションの有効/無効を切り替えます。 アニメーションが無効になっている場合、 長方形はエフェクトなしで単に表示/非表示になります：

html<input id="start" type="button" value="開始">
<button id="toggle">FXを切り替え</button>
<div></div>

cssdiv {
  width: 50px;
  height: 30px;
  margin: 5px;
  float: left;
  background: green;
}

javascriptlet toggleFx = function() {
  $.fx.off = !$.fx.off;
};   

$('#toggle').click(toggleFx);

$('#start').click(function() {
  $('div').toggle('slow');
});

関連項目