動畫之間的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>