jquery - 使用 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([clearqueu],[jump_to_end]);您可能需要这样的东西:

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

希望这对您有所帮助!