The easiest way to accomplish this is to make use of an advanced theme
setting of the jQuery UI Download Builder, called CSS Scope. For more info,
see

http://www.filamentgroup.com/lab/using_multiple_jquery_ui_themes_on_a_single_page/

- Richard

On Tue, May 5, 2009 at 3:48 PM, LifeExtension <[email protected]>wrote:

>
> Thanks for the info Richard. I had gotten this far on my own, but now
> I'm having trouble customizing each group of tabs seperately. For my
> first group, I'd altered the .css files to give me bottom tabs, but my
> second group needs to have the tabs altogether different - on the top
> with different styles and colors. Is there a special trick to this? I
> tried creating a whole new group of styles matching my new group's new
> ID, but this didn't seem to work - the new ones still have the old
> look. Thanks!
>
> Robert
>
> On Apr 18, 6:04 am, "Richard D. Worth" <[email protected]> wrote:
> > On Sat, Apr 18, 2009 at 12:52 AM, tfunk <[email protected]> wrote:
> >
> > > I'd like to have more than one set of tabs on my webpage.
> >
> > > Unfortunately, only the first tab set works. I think this is because
> > > of the id attribute.
> >
> > Yup. Ids need to be unique.
> >
> >
> >
> > > Is there a way I can change the 'id' attribute to 'class' and get this
> > > functionality to work? Or is this feature possible?
> >
> > Sure. Get rid of the non-unique ids and give each of them a class, for
> > examples class="tabs", then
> >
> > $(".tabs").tabs();
> >
> > Another option would be to give them each unique ids
> >
> > $("#lefttabs, #righttabs, #contenttabs").tabs();
> >
> > - Richard
> >
> >
> >
> > - Hide quoted text -
> >
> > - Show quoted text -
>
> >
>

--~--~---------~--~----~------------~-------~--~----~
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
-~----------~----~----~----~------~----~------~--~---

Reply via email to