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를 다시 클릭하면 페이드 아웃 한 다음 곧장 페이드 아웃합니다.

솔루션? 문제는 $('.dotclick:visible').fadeOut();입니다

Answer 1

는 다시이 솔루션은 $('.dotclick:visible') 선택에서 현재 대상 요소를 생략하는 것입니다

을 표시 할 fadeToggle를 트리거 할 다시 클릭하여 현재 항목을 페이드 아웃

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