How do you make the tab that is selected the default tab for idtabs

Question

I am using the idtabs script from http://www.sunsean.com/idTabs/ and so far they work awesome. However, I am looking for a way to make it so that when the page reloads, the same tab that was selected is still open. So far i'm thinking there must be a way to set the .selected class to assign the default tab. I'm a huge js rookie so any ideas would be greatly appreciated.

Answer 1

You probably need to setup some kind of state persistence in your page so when you refresh the page, the tab you are currently on is not lost.

You could try using cookies like in this example :

http://jqueryui.com/demos/tabs/#cookie

You could also look at this SO post for anotherway to accomplish what you want :

http://stackoverflow.com/questions/574699/selecting-a-jquery-tab-using-a-parameter-in-the-url

I suggest you use a library like JQueryUI instead of the first one you come by googling. JQueryUI has more chance to last the test of time.

Good luck.

Answer 2

If you want the page to reload then it doesn't make sense using tabs because you obviously know the action based on which can set the class.