Jquery関数実行間の遅延

私のページには、 #signinと#signup という2つのボタンがあります。それらのための関数を以下のコードのようにクリックします。問題は、それらを連続してクリックすると、関数の実行の間に大きな遅延が現れることです。同時にそれらを実行する方法はありますか?

var counter = 0,signin = $("#signin"), signup = $("#signup"), signin_f = $("#signin_form"), holder = $("#holder"), signup_f = $("#signup_form"), f_container = $("#form_container"); 
$(".button").click(function() {
        if (counter === 0) {
            signin.removeClass('default_radius').addClass('right_radius');
            signup.removeClass('default_radius').addClass('left_radius');
            $("#first").animate({
                marginTop: "-=150px",
            }, 500);
        }

    });

    $("#signup").click(function() {
        if (counter === 0) {
           holder.addClass('red_border').height(275).slideDown("slow");
           f_container.show();
           signup_f.fadeIn(1200);
        } else {
           holder.animate({height:"275"},1000).switchClass( "green_border", "red_border", 1000 );
           signin_f.fadeOut(500);      
           f_container.animate({height:"260"},1000);
           signup_f.fadeIn(1000);
        }
        counter++;
    });

    $("#signin").click(function() {
        if (counter === 0) {
            holder.addClass('green_border').height(125).slideDown("slow");
            f_container.show();
            signin_f.fadeIn(1200);
        } else {
           holder.animate({height:"125"},1000).switchClass( "red_border", "green_border", 500 );
           signup_f.fadeOut(500);                        
           f_container.animate({height:"110"},1000);           
           signin_f.fadeIn(1200);

        }

        counter++;
    });

このコードは http://tural.no-ip.org でご覧になれます。高速で連続的にボタンをクリックすると、私が話していることが分かります。外部jsファイル:first.js。

0
追加された
ビュー: 1
私は自動的にサイズを変更するためにCSSに依存します。
追加された 著者 Blender,
CSSでもやってみた。アニメーションは1秒から2秒間停止しますが、cssは「再構成」します。
追加された 著者 Tural Ali,

1 答え

別の fade メソッドを追加する前に、 .stop() メソッドを使用してください。コード>関数。使用法:

signin_f.stop(true, true).fadeIn(1200);
//First argument true = Remove queued animations as well
//Second argument true = Immediately finish the current animation
3
追加された
成功しなかった。 tural.no-ip.org 高速で連続的にボタンをクリックすると、私が話していることが分かります。外部jsファイル:first.js。
追加された 著者 Tural Ali,
また、 animate()の前に .stop(true、true)を追加します。代わりに、各イベントリスナーの先頭に signin_f.stop(true、true)を追加することもできます。
追加された 著者 Rob W,