php - ajaxアクションに接続されたjqueryカウントダウンタイマーを作成するには?

Question

アクションをクリックすると、メニューが非表示（無効）になり、カウントダウンタイマーに置き換えられます。カウント ダウン タイマーが終了したら、メニューを非表示にして、下にスライドさせたいと思います。

アクションを実行すると、正常に動作しているメニューが非表示になります。しかし、利用可能になったときのカウントダウンに関しては、いくつかグーグルで検索してこれを見つけ、試してみるために変更しました。しかし、これは何もしないようです。

タイマーコードは次のとおりです。

 var coolDownTime = 10;

    function coolDownTimer() {
        setTimeOut (function() {
            if(coolDownTime != 0) {
                coolDownTime--;

                coolDownTimer();
            } else {
                $("#target_area").slideDown('medium');
            }
        }, 1000);
    }

メニューを非表示にする方法は次のとおりです。

 $('[name=action]').click(function () { 
   $("#target_area").slideUp('medium');

   return false;
 });

ここで他の ajax を実行していくつかのアクションを実行してから、メニューを上にスライドします。

この時点で、カウントダウンを開始したいと思います。カウントダウンが終了したら、アクションを元に戻して、もう一度続行するオプションを選択できるようにします。

私が信じている現在の方法の問題は、そのタイマーコードを同じクリックステートメントに入れると、メニューが非表示になり、完全に機能しなくなることです。私はとても迷っています。誰かが同様のことをして解決策を知っていますか?