ritardo jQuery tra animazioni

Question

Ho due elementi che non dovrebbero essere attivi contemporaneamente, così quando uno viene alternata I fade l'altro, tuttavia vorrei essere in grado di dissolvere l'otturatore e poi portare l'altro in. c'è un modo per fare questo, che non è un hack?

<script ="text/javascript">

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

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

</script>

Questo è il mio script corrente.

Answer 1

Guarda utilizzando il meccanismo di callback per fadeOut in modo da poter catena le animazioni. La richiamata sui metodi di animazione sono chiamati dopo l'animazione precedente è stata completata.

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