javascript - アニメーション間のjQueryの遅延

Question

同時にアクティブにしてはいけない 2 つの要素があるため、一方を切り替えると他方をフェードアウトしますが、開いている要素をフェードアウトしてからもう一方をインできるようにしたいと考えています。ハックではないこれを行う方法は？

<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>