javascript - 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);
});