jQuery.fx.offプロパティ

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

例

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

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

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

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

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

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

jQuery.fx.offプロパティ

例

関連項目