使用jQuery淡入/淡出過渡，其中只有一個元素是一次

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

希望這會有所幫助！