jQuery.fx.off

посл. ред. 04.01.2017

Свойство jQuery.fx.off глобально отменяет все анимации на странице, если имеет значение true. Вместо выполнения анимации всем параметрам сразу устанавливаются конечные значения. Это может потребоваться, например:

При использовании jQuery на устройствах с малым ресурсом.
При возникновении у пользователя проблем с анимацией.

После установки свойству jQuery.fx.off значения false все анимации снова будут выполняться.

Примеры

<html>
<head>
  <title>Анимация в jQuery</title>
  <script type="text/javascript" src="js/jquery.js"></script>
</head>
<body>
  <button class="button_true">jQuery.fx.off = true</button>
  <button class="button_false">jQuery.fx.off = false</button>
  <br>
  <button class="button_toggle">Скрыть/Показать</button>
  <div style="width: 100px; height: 100px; background: coral"></div>
</body>
</html>
 
<script>
$('.button_toggle').on('click', function() {
  $('div').toggle(500);
});
$('.button_true').on('click', function() {
  jQuery.fx.off = true; /* отменить анимацию */
});
$('.button_false').on('click', function() {
  jQuery.fx.off = false; /* восстановить анимацию */
});
</script>