jquery 2 Tabs issue

[beau kang]

I have 2 different jQuery UI tab containers that I want to link to each other. Basically when the first tab on the first container is clicked, then the first tab on the second container is then selected and shows it's content. And if the second tab on the first container is clicked, then the second tab on the second container is made active.

I can get the index of the clicked tab no problem, my issue is making it to where I can change the selected tab. Anyone have a good idea on how to go about it?

[beau kang]

Nevermind, got it resolved.

<script>
$('#tab2').tabs();
$('#tab1').tabs({
	show: function() {
		var selected = $(this).tabs( "option", "selected" );
		$('#tab2').tabs( "option", "selected", selected );
	}
});
</script>

[pwinfrey]

Untested...

<script>
$('#tab2').tabs({
        select: function() {

                $('#tabs1').tabs( "select" , $(this).tabs( "option", "selected" ));
        },
	show: function() {

		var selected = $(this).tabs( "option", "selected" );
		$('#tab1').tabs( "option", "selected", selected );
	});

$('#tab1').tabs({
        select: function() {

                $('#tabs2').tabs( "select" , $(this).tabs( "option", "selected" ));
        },
	show: function() {

		var selected = $(this).tabs( "option", "selected" );
		$('#tab2').tabs( "option", "selected", selected );
	}
});
</script>