Hello Tony,
What you need to do is change <div id"tabs"> to <div class="tabs"> and
then add a second <div class="tabs"> wherever you need it.
Secondly, don´t forget to change the javascript call at the bottom of
your page to reflect that it is now a 'class' and not an 'ID'.
Like this:
<script type="text/javascript">
$(function() {
$(".tabs").tabs();
});
</script>
That should do the trick !
Quintin
On Jul 24, 7:16 pm, Tony S <[email protected]> wrote:
> All,
>
> I'm trying to use 2 different jquery ui tab sets on a page:
>
> <div id="tabs">
> <ul>
> <li ><a href="#tabs-1">tab set 1</a></li>
> </ul>
> </div>
>
> <div id="tabs">
> <ul>
> <li ><a href="#tabs-1">tab set 2</a></li>
> </ul>
> </div>
>
> Only the first styles properly. How can I use multiple tab sets on a
> page?
>
> Thanks,
> Tony S.
--~--~---------~--~----~------------~-------~--~----~
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
-~----------~----~----~----~------~----~------~--~---
