Hello everyone
I have to tab systems to control the same divs on the page, I am
trying to tie both tabs together so when I click lets say the second
tab from the first tabs group, the second tab from the second group
will also change,
This is what I got so far
var $tabs = $('#tabs').tabs({ select: function (e, ui) {$
('#second').tabs({ selected: ui.index }); } });
This is my html
<div class="demo">
<div id="tabs">
<ul>
<li>Nunc tincidunt</li>
<li>Proin dolor</li>
<li>Aenean lacinia</li>
</ul>
<div id="tabs-1">
<p>Proin elit arcu, rutrum lorem. </p>
</div>
<div id="tabs-2">
<p>Morbi tincidunt, dui sit amet metus id nunc. </p>
</div>
<div id="tabs-3">
<p>Mauris eleifend est et turpis. Duis id erat. </p>
</div>
<div id="second">
<ul>
<li>Nunc tincidunt</li>
<li>Proin dolor</li>
<li>Aenean lacinia</li>
</ul>
</div>
</div>
</div><!-- End demo -->
--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups
"jQuery UI" group.
To post to this group, send email to jquery-ui@googlegroups.com
To unsubscribe from this group, send email to
jquery-ui+unsubscr...@googlegroups.com
For more options, visit this group at
http://groups.google.com/group/jquery-ui?hl=en
-~----------~----~----~----~------~----~------~--~---
