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