애니메이션 간 jQuery 지연

Question

두 개 요소가 동시에 활성화되어서는 안되므로 두 개 요소가 동시에 활성화되어서는 안되므로 다른 요소가 사라지게 할 때 열려있는 요소를 페이드 아웃 할 수 있기를 원합니다. 해킹이 아닌 다른 방법이 있나요?

<script ="text/javascript"> 

$(function() { 
    $('#jlogin').click(function() { 
     $('#login').toggle('fast'); 
     $('#reg').fadeOut('fast'); 
    }); 

    $('#jreg').click(function() { 
     $('#reg').toggle('fast'); 
     $('#login').fadeOut('fast'); 
    }); 
}); 

</script> 

이것이 현재 스크립트입니다.

Answer 1

fadeOut에 대한 콜백 메커니즘을 사용하여 애니메이션을 연결할 수 있습니다. 애니메이션 메소드의 콜백은 이전 애니메이션이 완료된 후에 호출됩니다.

<script type="text/javascript"> 
    $(function() { 
     $('#jlogin').click(function() { 
      $('#reg').fadeOut('fast', function() { 
       $('#login').toggle('fast'); 
      }); 
     }); 
     $('#jreg').click(function() { 
      $('#login').fadeOut('fast', function() { 
       $('#reg').toggle('fast'); 
      }); 
     }); 
    }); 
</script>