Question

I’ve been having a problem that took more time than it should.
I am using jquery.tabs.js, there is a tab container that contains months and inside each month there is a ul list containing items.
The page is called “Past Items” so when the user opens this page today let’s say, yesterday’s item will have a class “selected-item” and it will be highlighted, and the container month or tab will have a class “selectedmonth”, the question is how can I make this tab opens once the page is accessed? The 1st tab opens by default.
check: past items

and click on May.
I hope I could explain what I need 🙂
Thanks!

Answer 1

You must use the “selected” option

$("#your_tabs").tabs({ 
    [ ... your options ... ]
    selected: X
});

With X being the zero-based index of the tab to open (in your exemple X needs to be 4).

To select the tab after initialization, you can use the select() method

$("#your_tabs").tabs("select", X);