Jqueryui dialog, slide direction

Question

I am using jquery dialog and want to show slide. How to indicate the direction of the slide?

$('.selector').dialog({ show: 'slide' });

Answer 1

Given these links:

- Dialog - show with effect and parameters (May 2009, not old ) hit> - Is it possible to show / hide the more detailed control over jQuery UI Dialog Widgets?

This is not possible, at least with current versions ...

Answer 2

To control the direction, you can use slideUp / slideDown instead of slide.

$('.selector').dialog({ show: 'slideDown', hide: 'slideUp' });

Answer 3

: UI "jquery-ui-1.7.2.custom.min.js" ""

:

d.show(e.show);// <--or iDialog.show(options.show) in ui.dialog.js

:

d.show(e.show,e.showOpt); // or iDialog.show(options.show,options.showOpt) in ui.dialog.js

I create my dialogue by adding a new parameter "showOpt", which may contain jQuery effect parameters

$j( "#dialog_box" ).dialog({
    modal: true,
    width:500,
    height:500,
    show: "slide",
    showOpt: {direction: 'up'}
    });

Answer 4

This works for me with jQuery 2 and jQuery UI 1.11:

$("#dialog").dialog({show: {effect:"slide", direction:"right"}}) 

Please note that the direction "right" slides from the right side to the left.