Question

I have big web application using JQuery UI Tabs. In central JS file I have setted all tabs.

Using

$("#tabs").tabs;

But on one page I need to have selected another tab than first.

If I use

$("#tabs").{ selected: add });

(name of tab is #add)

Its not running, probably because Tabs are already set up.

Does anyone know how to set opened another than first tab (in default state – after loading page)
if tabs are already turned on?

I hope, you will understand, my English is pretty terrible.

Answer 1

Resurrecting an old question, but I couldn’t get the example from Andrew to work.

Instead what worked for me, thanks to Rionmonster’s second example here was:

var index = $('#tabs li a').index($('a[href="#add"]').get(0));
$('#tabs').tabs({selected: index});

You have to pass the zero-based index as the “selected” option when calling tabs(). The first line of the code above gets the zero-based index of the tab for “#add” if you don’t know it already.