диалоговое окно jquery не хочет взрываться

Question

Как гласит заголовок, функция hide: "explode" не работает ...

вот код:

function alerter(text, title) {
    var random = Math.floor( Math.random() * (1000000) );
    $('body').append('<div id="' + random + '">' + text + '</div>');
    $('#' + random).dialog({
        minHeight: 100,
        modal: true,
        hide: "explode",
        resizable: false,
        title: title,
        close: function(event, ui) { 
            $(this).dialog('destroy').remove();
        }
    });
}

коробка просто исчезает, когда я нажимаю на х - но я хочу, чтобы она взорвалась ... что я делаю не так?

Answer 1

Кажется, работает просто отлично:

http://jsfiddle.net/petersendidit/xsnTs/1/