This won't work. You'll need to assign a different ID to use the # (ID) locator.
That said, you might try the following hack of treating the ID as a vanilla attribute. $("[id=accordion]").eq(0).accordion(..); $("[id=accordion]").eq(1).accordion(..); Let us know if this works :) **--** Steve On Nov 23, 12:57 pm, Federico Ferretti <federico.ferrett...@gmail.com> wrote: > hi, I wish to put 2 accordions in the page. > The problem is that I can't assign the same string for an id. > > example: > <div id="accordion"> > <h3><a href="#">something</a></h3> > <div> > </div> > > <h3><a href="#">something else</a></h3> > <div> > </div> > </div> > .......... > <!-- accordion 2--> > <div id="accordion"> > <h3><a href="#">another one</a></h3> > <div> > </div> > > <h3><a href="#">another one_2</a></h3> > <div> > </div> > </div> > > in fact the first accordion is shown correctly but not the second one. > How can avoid the problem? -- You received this message because you are subscribed to the Google Groups "jQuery UI" group. To post to this group, send email to jquery...@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.