使用jQuery fadeIn / fadeOut转换，其中一次只能看到一个元素

Question

我试过了：

$("#el1").fadeOut();
$("#el2").fadeIn();

但是我不能同时在屏幕上有两个元素，第一个必须在第二个元素可以淡入之前完全隐藏，所以这不起作用。

我也试过了：

$("#el1").fadeOut(function() {
    $("#el2").fadeIn();
});

这似乎工作正常，但问题是当状态（此动画来自链接点击）在动画时快速切换，你可以得到一个案例，两个结束 可见。

我也试过.stop()，但似乎也没有帮助。

如何通过jQuery获取我需要的行为，以便只显示最后点击的链接，而不是任何其他链接，并且一次只能看到一个。

Answer 1

您应该使用stop（）方法检查jquery的文档：http://api.jquery.com/stop/。 你可以给stop方法一些参数来使用：stop（[clearqueu]，[jump_to_end]）; 你可能需要这样的东西：

$("#el1").stop(false, true).fadeOut(function() {
    $("#el2").stop(false, true).fadeIn();
});

希望这有帮助！