fadeIn을 사용할 때 Divs가 겹쳐집니다. fadeOut 애니메이션

Question

이상한 문제로 붙어 있습니다. :-(사용자 클릭에 따라 div가 사라지고 모두 잘 작동하지만 사용자가 빠른 속도로 링크를 전환 할 때, 나는 중복 된 div를 가진 결국 누군가가 나에게이 문제를 해결하는 방법에 대한지도 공유 할 수 있습니다 .. jsFiddle는

jsFiddle Link

Answer 1

을 다음과 같다 당신은 애니메이션이 완료 될 때까지 더 클릭을 중단 플래그를 설정할 수 있습니다.

$(document).ready(function() { 
    var running = 0 
    $('.page-slide').click(function() { 
     if(running==1) { 
      return 
     } 
     running = 1 
     var getId = $(this).attr('rel'); 

    $('.rightCol:visible').fadeOut('fast', function() { 
     $('#'+ getId +'').fadeIn('slow',function(){running=0}); 
    }); 

    }); 
});