jQuery Verzögerung zwischen Animationen

Question

I haben zwei Elemente, die zur gleichen Zeit nicht aktiv sein sollte, so dass, wenn eine getoggelt I verblassen die anderen aus, aber ich würde das offene Element in der Lage darauf zu verblassen und dann bringen die andere in. Gibt es eine Möglichkeit, dies zu tun, das ist kein Hack?

<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 mein aktuelles Skript.

Answer 1

Schauen Sie den Callback-Mechanismus für fadeOut bei Verwendung so können Sie die Animationen Kette. Der Rückruf für die Animationsmethoden wird aufgerufen, 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>