JQuery Dialog show effect doesn't work, every other parameter does

Question

Hello,

I have this code to popup a JQuery dialog box:

$( "#dialogBox" ).dialog({
   height: 585,
   width: 620,  
   modal: true,
   resizable: false,    
   show: { 
     effect: 'fold', 
     complete: function() { $("#txtEmail").focus(); }
   }                                
});

The dialog box appears correctly except for the effect. No matter what effect I choose, the box appears the same way (grows from top left to bottom right).

Any ideas? Thanks.

Answer 1

This isn't supported in jQuery UI 1.8, though it's slated for 1.9: http://dev.jqueryui.com/ticket/2358

For now you can just do the effect itself (no options) like this:

show: 'fold', 

Answer 2

$( "#dialogBox" ).dialog({
   open: function(){$("#txtEmail").focus();},
   height: 585,
   width: 620,  
   modal: true,
   resizable: false,    
   show: 'fold'
});