jQuery.fx.off 속성

jQuery.fx.off 속성을 사용하면 애니메이션을 전역적으로 비활성화할 수 있습니다. 이 속성을 true로 설정하면 모든 애니메이션 메서드가 효과를 표시하지 않고 요소를 최종 상태로 즉시 설정합니다. 이 설정을 취소하려면 이 속성을 다시 false로 설정하십시오.

예제

초록색 사각형이 있다고 가정해봅시다. #start 버튼을 클릭하여 toggle 메서드로 애니메이션을 시작하고, #toggle 버튼을 사용하여 jQuery.fx.off 설정으로 애니메이션을 켜고 끌 수 있습니다. 애니메이션이 꺼져 있으면 사각형은 어떠한 효과도 없이 그냥 나타났다가 사라집니다:

<input id="start" type="button" value="start">
<button id="toggle">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');
});

참고 항목

요소의 속성을 애니메이션하는 메서드 animate