アニメーション間のjQueryの遅れ

Question

私は同時にアクティブにすべきではない2つの要素を持っていますので、1つをトグルすると他の要素は消えますが、オープン要素をフェードアウトしてから他の1インチ。ハックではないこれを行う方法はありますか？

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