P.S. This seems to work but the styling is a little off. :)
<script type="text/javascript">
$(function() {
$("#tabrow1").tabs();
$("#tabrow2").tabs();
});
</script>
<div id="tabrow1">
<ul>
<li><a href="#tabrow1-1">Tab 1</a></li>
<li><a href="#tabrow1-2">Tab 2</a></li>
<li><a href="#tabrow1-3">Tab 3</a></li>
</ul>
<div id="tabrow1-1">
<p>Tab 1 content</p>
</div>
<div id="tabrow1-2">
<div id="tabrow2">
<ul>
<li><a href="#tabrow2-1">Tab 4</a></li>
<li><a href="#tabrow2-2">Tab 5</a></li>
<li><a href="#tabrow2-3">Tab 6</a></li>
</ul>
<div id="tabrow2-1">
<p>Tab 4 content</p>
</div>
<div id="tabrow2-2">
<p>Tab 5 content</p>
</div>
<div id="tabrow2-3">
<p>Tab 6 content</p>
</div>
</div>
</div>
<div id="tabrow1-3">
<p>Tab 3 content</p>
</div>
</div>
--~--~---------~--~----~------------~-------~--~----~
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
-~----------~----~----~----~------~----~------~--~---
