jQuery遅延のあるスライドアップ方法は？

Question

私は次のjQueryを使用しています。 divボックスが上にスライドし、5秒後にフェードアウトします。ボックスを表示するのに時間がかかるので、これを達成する方法はありますか？

$(document).ready(function() { 
    $("#load_limit").slideUp(500); //have tried "fast" also 
    $("#load_limit").delay(5000); 
    $("#load_limit").slideDown(500); 
}); 

Answer 1

あなたはコールバック関数に遅らせることができます。

$(document).ready(function() { 
    $("#load_limit").slideUp(500, function() { 
    $("#load_limit").delay(5000).slideDown(500); 
    }); 
}); 

またはあなたはそれを簡素化することができます

$(document).ready(function() { 
    $("#load_limit").slideUp(500) 
        .delay(5000) 
        .slideDown(500); 
}); 

共同de：http://jsfiddle.net/xjEy5/2/

Answer 2

上記のコードに間違いがありますか？それは

（あなたは説明書に示されているようにあなたがslideDown/slideUpなしフェードアウトを持っている他よりも）の機能になります。ここと同じ効果を達成するための代替方法です：

jQuery(function($) { // same as $(document).ready() but no conflicts :) 

    $('#load_limit').slideDown(500, function() { 
     var self = this; 
     setTimeout(function() { 
     $(self).fadeOut(500); 
     }, 5000); 
    }); 

}); 

Answer 3

.slideUp()の時間を必要な時間に短縮します。次に例を示します。コンテンツの高さが小さい場合は50msで、あなたが本当に.slideUp()効果が表示されていない

$("#load_limit").slideUp(50).delay(5000).slideDown(50);

。そのため、代わりに.hide()を使用する方が良いです。

Answer 4

divを見つけてn秒間待ってから、nミリ秒の移行時間をかけてスライドします。

$("#div").delay(5000).slideUp(1000);