动画之间的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>