Модальное окно

Создание модального окна

К объекту, содержимое которого надо показать в модальном окне, надо применить метод dialog().

$("#modal").dialog({
    modal: true
});

Пример кода на JSFiddle

Открыть модальное окно по нажатию кнопки

По умолчанию, модальное окно появляется сразу после его создания. Чтобы не показывать модальное окно, надо добавить параметр autoOpen:false.

Стиль для фона модального окна можно определить через класс .ui-widget-overlay.

Открывать и скрывать модальное окно можно через параметры open и close.

$("#modal").dialog("open");  // открыть
$("#modal").dialog("close"); // закрыть

Пример кода на JSFiddle

Анимация модального окна

Анимацию появления модального окна можно задать через свойство show и hide.

$("#modal").dialog({
    dialog: true,
    show: "fade",
    hide: "explode",
});

Пример кода на JSFiddle