jQuery 切换自定义动画

Question

如何制作自定义动画？

$('button').toggle(function() {
  anim.go("fadeOut slow", $("mydiv"));
}, function() {
  anim.go("fadeIn slow", $("mydiv"));
});

切换正常，但首先出现切换动画，然后是我的。如何禁用默认切换动画？就像 toggle(0) P.S 我试图将 0 添加到我的代码中，但是第二个函数不起作用。有什么想法吗？

Answer 1

您的问题是因为在 jQuery 的现代版本中，toggle() 不再以您使用的方式工作，即。两个独立的函数交替调用。

相反，您需要使用 click()，检查元素的可见性状态，然后运行基于此的所需动画，例如：

$('button').click(function() {
  var $div = $('#mydiv');
  var action = $div.is(':visible') ? 'fadeOut' : 'fadeIn';
  anim.go(action + " slow", $div);
});

jQuery 切换自定义动画

jQuery toggle custom animation

javascript

jquery

animation

toggle