Question

On my website I have two jQuery UI dialogs. One dialog just shows gif image (working animation). I call it before doing AJAX request. After AJAX request is done, I need to close that first dialog, and show second. I do it like this:

$("#dialog-working").dialog("close");
$("#dialog").dialog("open");

but this obviously isn’t working. When I do this, both dialogs are visible for some time.

Because of that, I am searching for a way to open second dialog only after first dialog is close (after his animation has completed). Can you help me ?

Thanks !

Answer 1

Your questin is not very clear.
To do something after the dialog closes:

$('#dialog').bind('dialogclose', function(){
    //Do something
});