Tabs to Other Pages with Tabs
I'm having some trouble implementing ui tabs on a particular site we're doing for a client.
We wanted to have 6 or so pages of content and on each of those pages have ui tabs. The problem I'm having is with linking to other tabs on other pages from a current page.
For instance:
I'm on page 1 - tab subnav 3, but i want to go to page 2 - tab subnav z.
HOW DO I GET THAT TO WORK???
Here's some condensed sample code:
<html>
<head>
<script type="text/javascript" src="js/jquery-1.3.1.min.js"></script>
<script type="text/javascript" src="js/jquery-ui-personalized-1.6rc6.min.js"></script><!--ui core + tabs -->
<script type="text/javascript">
$(document).ready(function() {
$("#main_navigation ul.tabs").tabs();
});
</script>
</head>
<body id="page1">
<ul id="main_navigation">
<li>
<a href="page1.php">Page 1</a>
<ul class="tabs">
<li><a href="#sub1">Sub Nav 1</a></li>
<li><a href="#sub2">Sub Nav 2</a></li>
<li><a href="#sub3">Sub Nav 3</a></li>
</ul>
</li>
<li>
<a href="page2.php">Page 2</a>
<ul class="tabs">
<li><a href="#subX">Sub Nav X</a></li>
<li><a href="#subY">Sub Nav Y</a></li>
<li><a href="#subZ">Sub Nav Z</a></li>
</ul>
</li>
</ul>
<div id="content">
<div id="sub1">lorem</div>
<div id="sub2">ipsum</div>
<div id="sub3">uncle vito</div>
</div><!--content-->
</body>
</html><br clear="all">
ANY HELP WOULD BE GREATLY APPRECIATED!!!
--
Christopher Webb