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>

动画之间的jQuery延迟

1 个答案: