jQuery Dialog box Drop Up

jQuery( "#dialog" ).dialog({ width: 'auto', zIndex: 9999, height: 370, resizable: false, draggable: false,
    open :function(event, ui) {
        jQuery('body').addClass('black-overlay');
    },
    show: { effect: 'drop', direction: "up", mode: 'slow'},
    close:function(event, ui) {
        jQuery('body').removeClass('black-overlay');
    } 
});

I want Dialog Window Should be Drop From Starting of Browser window and No border to that dialog box

and also drop from top Should be slow

Read More

Currently dialog box is Drop up very fastly and not from Starting of Browser window

Can any one help me in this

Related posts

Leave a Reply

2 comments

  1. reduce the default animation speed to exaggerate the effect

        $.fx.speeds._default = 3000;
    

    Put this code just before:

     jQuery( "#dialog" ).dialog({...