使用 jQuery 淡入/淡出过渡，一次只能看到一个元素

Question

我试过了：

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

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

我也试过了：

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

这似乎工作正常，但问题是当状态（此动画来自链接单击）在动画时快速切换时，您可能会遇到两者都结束的情况 可见。

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

如何使用 jQuery 获得所需的行为，以便只有最后点击的链接可见，其他任何链接均不可见，并且一次只能显示一个。

Answer 1

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

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

希望这会有所帮助！