jQuery.fx.off 속성

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

예제

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

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

참고 항목