jQuery Forum

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.