jqueryui dialog, direction of slide

Question

I'm using jquery dialog and want to slide on show. How do I specify the direction of the slide?

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

Answer 1

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

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

Answer 2

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

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

Note that direction "right" slides FROM right to left.

Answer 3

Considering these links :

- Dialog - show with effect and options (May 2009, so not old) - Is possible to have more granular control over jQuery UI Dialog Widget’s show/hide method?

It doesn't seem to be possible, at least with current versions...