I'm not a total newb, but I haven't used the UI tabs in a while, and I'm
having a problem.
I'm using:
jquery-1.3.1.min.js
& a personalized version of ui core + tabs version 1.6rc6.min.js
Is it possible to have your tabs in one div and your content in a separate
div? I know there has to be a way, but I couldn't find any documentation.
HEADER STUFF...
<script type="text/javascript">
$(document).ready(function() {
$("#main_navigation ul.tabs").tabs();
});
</script>
</head>
<body>
<div id="header">
<h1>SOME COMPANY</h1>
<ul id="main_navigation">
<li class="item1">
<a href="about.php">About</a>
<ul class="tabs">
<li><a class="mission_link"
href="#mission">Mission</a></li>
<li><a href="#company_philosophy">Company
Philosophy</a></li>
<li>...</li>
</ul>
</li>
<li class="item2">
<a href="...">...</a>
<ul class="tabs">
<li>...</li>
<li>...</li>
<li>...</li>
</ul>
</li>
</div><!--header-->
<div id="content">
<div id="mission">
CONTENT STUFF
</div><!--mission-->
<div id="company_philosophy">
CONTENT
</div><!--company_philosophy-->
</div><!--content-->
...MORE PAGE STUFF
Any help would be much appreciated. Thanks!
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
-~----------~----~----~----~------~----~------~--~---