Well just the same accordian code 3 times:

        <div id="accordion">
                <h3 class="toggler">Entry 1 - Accordian 1</h3>
                <div class="element"><p>text</p>
                </div>

                <h3 class="toggler">Entry 2 - Accordian 1</h3>
                <div class="element"><p>text</p>
                </div>
        </div>
        <div><a id="add_section" href="#" style="display: none;"></a></
div>

        <div id="accordion">
                <h3 class="toggler">Entry 1 - Accordian 2</h3>
                <div class="element"><p>text</p>
                </div>

                <h3 class="toggler">Entry 2 - Accordian 2</h3>
                <div class="element"><p>text</p>
                </div>
        </div>
        <div><a id="add_section" href="#" style="display: none;"></a></
div>

        <div id="accordion">
                <h3 class="toggler">Entry 1 - Accordian 3</h3>
                <div class="element"><p>text</p>
                </div>

                <h3 class="toggler">Entry 2 - Accordian 3</h3>
                <div class="element"><p>text</p>
                </div>
        </div>
        <div><a id="add_section" href="#" style="display: none;"></a></
div>

I want them(the 3 sets) to operate/slide seperately.


On Oct 15, 5:07 pm, "Jeremy B" <[EMAIL PROTECTED]> wrote:
> Do you have an example that we can see?
> Jeremy Buelerwww.jbueler.com
>
> On Wed, Oct 15, 2008 at 10:44 AM, Scott Galambos <[EMAIL PROTECTED]>wrote:
>
>
>
> > I'm using the accordion athttp://demos.mootools.net/Accordion
>
> > I have 3 sets of accordions.  but they're all part of the same group. for
> > example clicking an entry in the third group collapses the first. How do I
> > separate them?  changing the id of the div doesn't make it unique.
>
> > Any ideas?
> > thanks.- Hide quoted text -
>
> - Show quoted text -

Reply via email to