javascript - ダイアログが閉じられたときに 2 つのイベントを実行するにはどうすればよいですか?

Question

jQuery ダイアログの閉じるボタンがクリックされたときに 2 つのアクションを実行したいと考えています。私は2つの部門を持っています。ダイアログを閉じるときに、div が上にスライドし、div 2 が下にスライドするようにします。

これまでのところ、div 1 を上にスライドさせることができました。では、div1 が上にスライドした後に下にスライドするために、div 2 のコードをどこに配置すればよいでしょうか?

ここにコードがあります

$('#unlock').click(function(){

    $('#dialog_content').dialog({

        modal: true , resizable: false,

        close: function(event, ui) { $('#div1').slideUp();}

    });

});

Answer 1

スライドコールを連鎖させるだけ

close: function(event, ui) {
  $('#div1').slideUp(function() {
    $('#div2').slideDown();
  });
};

Answer 2

 (function(){

      $("#unlock").on( "click", function() {
        $("#divone").slideUp();

      $("#divone").promise().done(function() {
         $( "#divtwo" ).slideDown();
      });

  });

})();

.promise(); を使用することもできます。キューに入れられたかどうかにかかわらず、コレクションにバインドされた特定のタイプのすべてのアクションが完了したことを確認します。少しやり過ぎかもしれませんが、別のオプションです

Answer 3

これを試して：

$('#unlock').click(function(){

$('#dialog_content').dialog({

    modal: true , resizable: false,

    close: function(event, ui) {
$('#div1').slideUp( function(){$('#div2').slideDown();});

}

});

});