jQuery：slideUp.delay.slideDown - ボタンでキャンセルしますか？

Question

なぜこれはうまくいかないのですか？

function notificationBoxOutput(type, message) { 
    var noteBox = $('.notificationBox'); 

    noteBox.slideDown(function() { 
     noteBox.delay(2500).slideUp(); 
    }); 
} 

function notificationBoxCancel() { 
     console.log('successfully fired'); 
    $('.notificationBox').slideUp(); 
} 

だから私はいくつかのフィードバックを与える、画面の一番上にステータスバーのようなものを持っている機能notificationBoxOutputを呼び出します。 bar slidesDownは、2,5秒間保持してからスライドアップします。

バーには、クリックするとnotificationBoxCancelという小さなアイコンが表示されます。したがって、ユーザーはバーを2.5秒以上早く閉じることができます。しかし、近づくと動作しません。コンソールは「正常に起動しました」と表示しますが、ボックスはslideUp（）しません。 hide（）は動作します！ fadeOut（）とslideUp（）はそうではありません。

任意のアイデアなぜですか？

Answer 1

スライドする前にアニメーションを.stop()する必要があります。

function notificationBoxCancel() { 
     console.log('successfully fired'); 
    $('.notificationBox').stop().slideUp(); 
} 

Answer 2

アニメーションがキューに入れられているからだと思います。著者は非常に高速なボックスを開こうとしない限り、

function notificationBoxCancel() { 
     console.log('successfully fired'); 
    $('.notificationBox').stop(true,true).slideUp(); 
}