jQuery: fading in modal dialog

Question

is it possible to smoothly fadein a jquery modal dialog? (can't find anything in the docs). i've tried fadeTo but didn't help.

Answer 1

You can use the show option (admittedly not well named, too general), like this:

$("#dialog").dialog({ show: 'fade' });

The close animation is the matching hide option, for example:

$("#dialog").dialog({ show: 'fade', hide: 'drop' });

You can give it a try here

Answer 2

You could define show and hide as objects which will give you access to more options:

$("#element").dialog({
    show: {
        effect: 'fade',
        duration: 200 //at your convenience
    },
    hide: {
        effect: 'fade',
        duration: 200 //at your convenience
    }
});