[mts]

Hello.
I need a little bit of help in changing the way some tabs are being displayed. Any help is highly appreciated.
So, i have some basic jquery tabs ( http://jqueryui.com/demos/tabs/ ) which are being switched between them using 2 effects: slide up/down and fade in/out:

$(document).ready(function(){   
	 $('#MainTabs').tabs({ fx: { height: 'toggle', opacity: 'toggle'  } });	 
	 $("#MainTabs").tabs(); 	   
});

Instead of tab 1 sliding all the way up and then down, displaying the 2nd tab, i want tab 1 to increase or decrease (as needed) to the size of tab 2.

For example:
Tab1=200px, Tab2=400px

Instead:
Tab1 200px > decreases > 0px > increases > 400px Tab2

I want:
Tab1 200px > increases > 400px Tab2

Hope i've made some sense trying to explain this..

Thank you.

[girasquid]

I'm not sure whether you can do this or not, but if you can it's probably using the Animate command.

[sam_benne]

Look at www.jtutorials.co.cc we have a tutrial on how to make your own tabs. It is easier to create your own than to use the UI.

[mts]

Yes, it seems that it can be done using Animate, indeed.
Thanks for the help.