CODEWITHSUNDEEP
jqueryjquery-ui
st4ck0v3rfl0w
st4ck0v3rfl0w

Reputation: 6755

jQuery UI Tabs - SlideToggle?

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!

Upvotes: 2

Views: 2678

Answers (2)

st4ck0v3rfl0w
st4ck0v3rfl0w

Reputation: 6755

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

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

Upvotes: 1

Vinodh Ramasubramanian
Vinodh Ramasubramanian

Reputation: 3185

Use the following fx option.

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

Upvotes: 5

Related Questions