Hey there everyone! I posted this late last night to no avail.
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>
ANY HELP WOULD BE GREATLY APPRECIATED!!!
--
Christopher Webb
--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups
"jQuery UI" group.
To post to this group, send email to [email protected]
To unsubscribe from this group, send email to
[email protected]
For more options, visit this group at
http://groups.google.com/group/jquery-ui?hl=en
-~----------~----~----~----~------~----~------~--~---
