jquery tab effects

[subnet_rx]

I'm using the jquery UI tabs, but the transition from tab to tab is very jumpy. Where can I find what effects that can be used with it if there are any? Should I be using another library with better effects?

Here's my current initialization code:

<script>
	$(function() {
		$('#tabs_container > ul').tabs( {remote:true, ajaxOptions: {cache:false}, spinner:'Loading', fx: { height: 'toggle', opacity: 'toggle', duration:'slow' } }).tabs('rotate', 5000);
	});
  </script>

[tosbourn]

Do you have a link to the page that has the jumpy transitions on it?

[subnet_rx]

Sure, I've kind of figured out that I don't think it's the js, it's my CSS that needs to edited somehow to insure the height stays the same. You can see how the bottom nav briefly jumps to the top instead of staying in place.

http://www.usm.edu/pr/web/beta/index.php

[pogo1234]

I know the thread is old but anyway:
if you mean brief jumping behavior during initial page load:
I observed this in FF 3.0.15

you can use the document.ready function to initialize the script something like so:

$(document).ready(function () {
... [your code here]...
});

so you can set the initial visibility of your tabstrip or its container to false in the saved html file, then your jquery document ready function should be something like:
$(document).ready(function () {
[decorate tabstrip with your code]
[set visibility of your tabstrip or its container to true]
});

you can read more about that event here
http://docs.jquery.com/Events/ready

You could create a div with a specific height around the tabstrip or its container to serve as a non-shifting placeholder so changing the visibility of the tabstrip or its container doesn't affect the rest of the page display while loading and prior to the document.ready function call...