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>