Jquery Tabs Help needed
Jquery Tabs Help needed
Hey guys,
Can anyone help me with the following....
I have jquery tabs working, when you click the tab your presented with
a container one per tab, in each of these containers there are a
series of hyperlinks going to a different page in the site. These
different pages also have the same tab system.
What I'm trying to work out is, when I click a link, how do i get the
links parent tab and container to be shown as "OPEN " on the resulting
page, rather than defaulting to the first tab and container being
OPEN.
Here is a copy of my html which should explain the structure..
<div id="tabs">
<!-- Tab Navigation -->
<ul>
<li><a class="tab1" href="#tabs-1" title="">link 1</a></li>
<li><a class="tab2" href="#tabs-2" title=">link2</a></li>
<li><a class="tab3" href="#tabs-3" title="">Link 3</a></li>
</ul>
<!-- start of sub navigation -->
<ul id="tabs-1" class="">
<li><a href="page1.php" title="">Page 1</a></li>
<li><a href="page2.php" title="">Page 2</a></li>
<li><a href="page3.php" title="">Page 3</a></li>
</ul>
<ul id="tabs-2" class="">
<li><a href="page4.php" title="">Page 1</a></li>
<li><a href="page5.php" title="">Page 2</a></li>
<li><a href="page6.php" title="">Page 3</a></li>
</ul>
<ul id="tabs-3" class="">
<li><a href="page7.php" title="">Page 1</a></li>
<li><a href="page8.php" title="">Page 2</a></li>
<li><a href="page9.php" title="">Page 3</a></li>
</ul>
</div>
Cheers for your help all.
Geoff.