jQuery UI Tabs - SlideToggle?

Question

Hi all,

The following code rotates through tabs that I've set and does a nice job of fading in and out, however, I was wondering if it could be tweaked to have the content slide in and out.

$("#product_rotator").tabs({fx:{opacity: "toggle"}}).tabs("rotate", 7000);

I tried changing "toggle" to "slideToggle" but that didn't work...

Thanks in advance!

Answer 1

Use the following fx option.

$("#tabs").tabs({
  collapsible: true,
  fx: {
    height: 'show', opacity: 'show'
    }
});

Answer 2

Thanks Vindoh, I also tried the following solution and it worked

$("#product_rotator").tabs({fx:{width: "toggle"}}).tabs("rotate", 7000);