How to set a defualt tab with Jquery UI

[siyord]

Hello There,

I am using Jquery Tabs http://jqueryui.com/demos/tabs/ with the codes below

<script type="text/javascript"> 
	$(function() {
		$( "#tabs" ).tabs().addClass( "ui-tabs-vertical ui-helper-clearfix" );
		$( "#tabs li" ).removeClass( "ui-corner-top" ).addClass( "ui-corner-left" );
              $("#tabs").tabs( { fx: { height: 'toggle', opacity: 'toggle' } } );
	});
	</script>

I have got 4 tabs and I want to link each of them in the menu. Therfore I must arrange the default one in my each html page. How can I do that?

[xelawho]

http://jqueryui.com/demos/tabs/#option-selected

[siyord]

Thank you xelawho!

I have already found this answer but I couldnt get anything or any answer from this page. Dont know how to use it as a solution.

Cheers.

[xelawho]

haha. the funny thing about that link is that it doesn't link to the tab in question.

ahem.

If you click on "options" then "selected" you'll see this:

PHP Code:

selected

Zero-based index of the tab to be selected on initialization. To set all tabs to unselected pass -1 as value.
Code examples

Initialize a tabs with the selected option specified.

    $( ".selector" ).tabs({ selected: 3 });

Get or set the selected option, after init.

    //getter
    var selected = $( ".selector" ).tabs( "option", "selected" );
    //setter
    $( ".selector" ).tabs( "option", "selected", 3 ); 


or does that still not help?

[siyord]

Thanks for the details. Now I can see the source better!

And I think I've solved it. And I think no need for any changes like in the page you suggested. Because I tried and saw that "mypage.html#tabs-2" (or 3 or 4) can be visited from any page via Menu, but not from the same page. I mean it doesnt allow us to visit tabs via menu of the web site if we are already at the page of the tabs. It wants us to use the tabs instead of menu.