Jquery fadeToggle - 隱藏並返回？

Question

我們有以下腳本：

$('#toggledot1').on('click', function(e) { 
e.preventDefault(); 
$('.dotclick:visible').fadeOut(); 
$('#parkdaycare').fadeToggle(); 
}); 
$('#toggledot2').on('click', function(e) { 
e.preventDefault(); 
$('.dotclick:visible').fadeOut(); 
$('#displaysales').fadeToggle(); 
}); 

這是什麼一樣，被點擊的div切換的其他分區顯示/隱藏，同時也隱藏其他的div。問題是，如果再次點擊同一個div，它會淡出然後直接淡入。

解決方法？

Answer 1

問題是$('.dotclick:visible').fadeOut();淡出當你再次點擊將觸發fadeToggle再次顯示回

的解決方案是從$('.dotclick:visible')選擇忽略當前目標元件的電流項

$('#toggledot1').on('click', function (e) { 
    e.preventDefault(); 
    $('.dotclick:visible').not('#parkdaycare').stop(true, true).fadeOut(); 
    $('#parkdaycare').stop(true, true).fadeToggle(); 
}); 
$('#toggledot2').on('click', function (e) { 
    e.preventDefault(); 
    $('.dotclick:visible').not('#displaysales').stop(true, true).fadeOut(); 
    $('#displaysales').stop(true, true).fadeToggle(); 
});