Your syntax is correct. You need to include effects.core.js and effects.blind.js to get the blind effect.
On Mar 22, 3:24 pm, Loony2nz <[email protected]> wrote: > I'm having trouble adding options to my show/hide functions with UI > 1.7 I'm loading only ui.core.js and ui.dialog.js. > > $('#newDialog').click(function(e) { > $('<div id="newDialogText" title="My Second Dialog">Some HTML > Text</div>').dialog({ > height: 100, > width:250, > show:"blind", > hide: "blind" > }); > return false; > }); > > When I do this: > > show: {effect: "blind", duration: 1000} > > there's no animation. What's the correct syntax to add effect options > to a dialog? > > Thanks! > > On Mar 20, 2:38 am, Scott González <[email protected]> wrote: > > > fadeOut is not a valid option. You must specify a speed to use the > > standard fade/slide animation, or the name of an effect (requires > > including an effect with that name from jQuery UI). > > > On Mar 17, 6:57 am, Paradime Web <[email protected]> wrote: > > > > $("#dialog").dialog({ > > > hide: "fadeOut" > > > > }); > > > > Does not work. Only the background fadeOuts when in modal mode. The > > > dialog stays open and is unable to close, even manually. > > > > Thanks for your help. > > > > On Mar 11, 5:06 am, "Richard D. Worth" <[email protected]> wrote: > > > > > No need to modify the code. You can provide the effect name as a string: > > > > > $("#dialog").dialog({ > > > > hide: "fadeOut" > > > > > }); > > > > > or you can provide a hash if you have additional options, such as: > > > > > $("#dialog").dialog({ > > > > hide: {effect: "fadeOut", duration: 5000} > > > > > }); > > > > > - Richard > > > > > On Tue, Mar 10, 2009 at 6:15 PM, Paradime Web > > > > <[email protected]>wrote: > > > > > > Is it possible to do this with 1.7 ? > > > > > > I want the dialog to fadeOut on close. Right now, I have to modify > > > > > the code as follows: > > > > > > if (this.options.hide == "fadeOut") { > > > > > this.uiDialog.fadeOut(1000, function() { > > > > > self._trigger('close', event); > > > > > }); > > > > > } > > > > > else { > > > > > this.uiDialog.hide(); > > > > > this._trigger('close', event); > > > > > } > > > > > > Thanks, > > > > > > On Feb 20, 2:15 am, Paradime Web <[email protected]> wrote: > > > > > > Is it possible to have a fadeOut effect on dialog close? > > > > > > > From the source, I can see the line: > > > > > > > uiDialog.hide(options.hide); > > > > > > > What kind of hide options can we pass in? Seems very limited to > > > > > > either > > > > > > 'fast' 'slow'. I just want it to fade in and out. > > > > > > > Thanks, --~--~---------~--~----~------------~-------~--~----~ You received this message because you are subscribed to the Google Groups "jQuery UI" group. To post to this group, send email to [email protected] To unsubscribe from this group, send email to [email protected] For more options, visit this group at http://groups.google.com/group/jquery-ui?hl=en -~----------~----~----~----~------~----~------~--~---
