Question

How to select a tab by id in recent versions of jQuery UI? I used to do this:

$(mytabs).tabs("select", "#tab_contents");

And it worked fine, even with some of the tabs hidden. Now I upgraded jQuery UI and the code above does not work anymore. I tried following some other suggestions on this site, and ended up with this:

$(mytabs).tabs("option", "active", $(mytabs).find("li").index("#tab_header"));

Not only it’s way more verbose, but it doesn’t select the correct tab, since some of them are hidden. How can it be done?

P.S. To hide some tabs, I used $("#tab_header").hide(). Is this still correct in recent versions, or is there a better way?

Answer 1

Found out a solution:

$(mytabs).tabs("option", "active", $("#tab_header").index());

This selects the correct tab, regardless of which ones are visible (it’s even possible to select tabs currently invisible – the contents are shown, but the header is not).