jQuery UI Tabs - Available fx options

Question

I haven\'t been able to find any real documentation on this, so I\'m wondering if anyone knows all of the available fx options for jQuery UI Tabs?

The only ones I\'v

Answer 1

opacity: "toggle";
height: "toggle";
width: "toggle";

Answer 2

Basically the fx option is used to call animate, you can specify a single option or two in an array, that will be used to do the show and hide effects:

 $('#tabs').tabs({ fx: [{opacity:'toggle', duration:'normal'},   // hide option
                        {opacity:'toggle', duration:'fast'}] }); // show option

The fx speed can be specified using a duration member on the option object.

Basically you can do the same transformations that you can with animate.

Give a look to the ui.tabs.js file, on the line 250 here, to understand better how the animations are setup.