JQuery Tabs

Question

I am trying to use JQuery tabs in my application. I have got them working but have hit a snag that I cannot seem to get passed.
All my tabs contain reports with links to other pages. I f I click on a tab and then on a edit link I go to another page. When I return to my tab page, it defaults to the first tab (ie first tab is always active). I need the last tab clicked to be the active one.
On advice I installed the jquery.cookie.js and added this code in my page header, but to no avail.
<script type="text/javascript" src="&JAVASCRIPT_DIR.jquery/jquery-1.3.2.js"></script>
<link type="text/css" href="&CSS_DIR.jquery-ui-1.7.2.custom.css" rel="stylesheet" />
<script type="text/javascript" src="&JAVASCRIPT_DIR.jquery/jqueryui/jquery-ui-1.7.2.custom.js"></script>
<script type="text/javascript" src="&JAVASCRIPT_DIR.jquery/jqueryui/jquery.cookie.js"></script>
<script type="text/javascript">
$(function() {
$tabs = $("#tabs_start_reg");
$tabs.tabs( {collapsible: true });
$tabs.parents('td').eq(0).removeAttr('width');
$tabs.show();
$tabs.tabs({ cookie: { expires: 30 }});
</script>
I have tried playing around for a while but no success.
Any ideas appreciated
Gus

Answer 1

I have simple solution on my tab page:
Before tabs i have:
&lt;div id="contentBody"&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a href="#name1"&gt;&lt;span&gt;name1&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="#name2"&gt;&lt;span&gt;name2&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="#name3"&gt;&lt;span&gt;name3&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="#name4"&gt;&lt;span&gt;name4&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
and after:
&lt;/div&gt;
when linking to page just add #name4 to your link if you want to display last tab
apex.dbe.pl
Piotr Jasiński