Maintaining the last selected jQuery UI tab before branching out
Hi,.
In one of the pages of my application, I have 3 jQuery UI tabs (say a,b, and c) and a button (say Go) that branches out to the same page. When I click on Go, the control goes back to the first/default tab (i.e. a) after the page refreshes. Can someone tell me how I can maintain the tab that was last selected before branching out?
I'm using the following code to implement the tabs.
<link rel="stylesheet" type="text/css" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.1/themes/redmond/jquery-ui.css" />
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.8.23/jquery-ui.min.js"></script>
<script type="text/javascript">
google.load("jquery", "1.8.1");
google.load("jqueryui", "1.8.23");
</script>
<script type="text/javascript">
//<![CDATA[
$(function(){
$tabs = $("#tabs_home");
$tabs.tabs();
$tabs.show();
});
//]]>
</script>
Any help would be appreciated. I've been trying to fix this for a long time now.
Thanks in advance.