jquery - Balsamiq Mockups の .slideUp 関数に遅延を追加するにはどうすればよいですか?

Question

<js> $("#curtain").slideUp("slow"); $("#curtain").slideDown("slow"); </js>

.slideUp と slideDown の間に 100 ミリ秒の遅延を追加したい場合はどうすればよいですか?

Answer 1

jQuery 1.4以降、それは

$("#curtain").slideUp("slow").delay(500).slideDown("slow");

古いバージョンでは、アニメーションコールバックとsetTimeoutを使用する必要がありました。

$("#curtain").slideUp("slow", function(){
  setTimeout(function(){ $("#curtain").slideDown("slow"); }, 500);
});

Answer 2

アニメーションが完了すると、関数を呼び出すことができます。スライドアップの後に関数を呼び出し、タイマーを使用して 100 ミリ秒待機してから、スライドダウンを呼び出します。

Answer 3

ここでのトリックは遅延することslideUpですslideDown..これは私にとってはうまくいきます：

    $('#loading').show((1));
    setTimeout(function(){ 
        $('.toggle_container').slideUp(function () {
        $('#loading').hide();
        });
    }, 500);