-5

I was trying to implement jQuery UI tabs and know about effects such as slideUp, fadeIn, hide, and show. What other effects can be used? For example, explode was not working. Is there any place where I can get a list of all the effects that can be used with jQuery UI tabs?

Also is there any way to implement custom animation; can you tell me how I can use explode for hide?

MCSharp
  • 1,068
  • 1
  • 14
  • 37
user1887239
  • 51
  • 2
  • 10

2 Answers2

2

"can you tell me how I can use explode for hide."

Did you even consider reading the jQuery UI tabs documentation, which actually includes an example of hiding with "explode":

$( ".selector" ).tabs({ hide: { effect: "explode", duration: 1000 } });

You can easily combine this with the same or a different effect to show, as well:

$( ".selector" ).tabs({
    hide: { effect: "explode", duration: 1000 },
    show: { effect: "explode", duration: 1000 }
});

Demo: http://jsfiddle.net/T4rst/

"Is there any place where I can get a list of all the effects that can be used with jquery-ui tabs."

Well as that same documentation page says:

"The value can either be the name of a built-in jQuery animation method, such as "slideUp", or the name of a jQuery UI effect, such as "fold".

So there is a list of jQuery UI effects here, plus the standard jQuery ones apply.

nnnnnn
  • 147,572
  • 30
  • 200
  • 241
0

Check it for details. It may helps for your issues :http://api.jqueryui.com/category/effects/

Hai Tien
  • 2,929
  • 7
  • 36
  • 55