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