jQuery Verzögerung zwischen Animationen

Question

Ich habe zwei Elemente, die zur gleichen Zeit nicht aktiv sein sollten, so, wenn man hin- und hergeschaltet wird ich die andere ausgeblendet, aber ich würde das offene Element der Lage sein, darauf zu verblassen und dann die andere zu bringen. gibt es eine Möglichkeit, dies zu tun, die nicht ein Hack ist?

<script ="text/javascript">

$(function() {
    $('#jlogin').click(function() {
        $('#login').toggle('fast');
        $('#reg').fadeOut('fast');
    });

    $('#jreg').click(function() {
        $('#reg').toggle('fast');
        $('#login').fadeOut('fast');
    });
});

</script>

Das ist meine aktuelle Skript.

Answer 1

Lesen Sie die Callback-Mechanismus für fadeOut so können Sie Kette die Animationen. Der Rückruf auf der Animation Methoden aufgerufen werden, nachdem die vorherige Animation abgeschlossen ist.

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