Question

I would like to perform two action when the jQuery dialog close button is clicked. I have two divs. I would like div to slide up and div 2 to slide down when I close the dialog.

so far I have managed to make div 1 slide up. So where can I place the code for div 2 in order to slide down after div1 slides up?

here is the code

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

    $('#dialog_content').dialog({

        modal: true , resizable: false,

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

    });

});

Answer 1

Just chain the slide calls

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