How to animate tab content using jquery tabs()

Question

so far I have the following:

$("ul.search-tabs").tabs("div.panes > div");

How can I make the content of each tab appears/disappear with a fadeIn/Out effect?

Thanks!!!

Answer 1

try this when initalize:

$("ul.search-tabs").tabs(fx:{opacity:'fadein'});

see the JQuery-ui doc here.

Answer 2

Try this

$( "#ul.search-tabs" ).tabs({ fx: { opacity: 'toggle' } });