thanks for the help so far. but that is the same as what I still get. they're still reacting to each other's events/clicks.
for example click Step 2 in the first "An Acoordion Example:". it expands as expected. then click something like Step 3 in "An Acoordion Example:222222222". step 3 expands as expected. but step 2 from "An Acoordion Example:" collapses. I don't want it too. step 2 was opened and should stay open, so "An Acoordion Example:222222222" events are independent of the other accordians and vise versa. On Oct 18, 11:08 am, Basheer Al-mansour <[EMAIL PROTECTED]> wrote: > It that what you would like to to do ? > check it on my site :http://www.vianx.com/probloutions/acc/ > > Basheer -Al-Mansour > > On Oct 17, 12:08 pm, ken <[EMAIL PROTECTED]> wrote: > > > > > This simply doesn't work. It acts the same way. > > > I give each accordian a unique id like <div id="accordion1"> and <div > > id="accordion2">. > > > In my accordian.js I previously had: > > > //create our Accordion instance > > var myAccordion = new Accordion($('accordion'), 'h3.toggler', > > 'div.element', { > > onActive: function(toggler, element) { toggler.setStyle('color', > > '#41464D'); }, > > onBackground: function(toggler, element) { toggler.setStyle('color', > > '#528CE0'); } > > > }); > > > I changed it to below with the second instance: > > > //create our Accordion instance > > var myAccordion1 = new Accordion($('accordion1'), 'h3.toggler', > > 'div.element', { > > onActive: function(toggler, element) { toggler.setStyle('color', > > '#41464D'); }, > > onBackground: function(toggler, element) { toggler.setStyle('color', > > '#528CE0'); } > > > }); > > > //create our Accordion instance > > var myAccordion2 = new Accordion($('accordion2'), 'h3.toggler', > > 'div.element', { > > onActive: function(toggler, element) { toggler.setStyle('color', > > '#41464D'); }, > > onBackground: function(toggler, element) { toggler.setStyle('color', > > '#528CE0'); } > > > }); > > > At the bottom of accordian.js I have: > > // add the section to our myAccordion using the addSection method > > myAccordion1.addSection(toggler, content, position); > > > I also tried adding > > myAccordion2.addSection(toggler, content, position); > > > Nothing changes. Any ides? > > > On Oct 16, 6:10 am, Basheer Al-mansour <[EMAIL PROTECTED]> wrote: > > > > man! you have to call the class 3 times !! > > > like that > > > > var accordion1 = new Accordion('h3.atStart', 'div.atStart', { > > > > }, $('accordion1div')); > > > > var accordion2 = new Accordion('h3.atStart', 'div.atStart', { > > > > }, $('accordion2div')); > > > > var accordion3 = new Accordion('h3.atStart', 'div.atStart', { > > > > }, $('accordion3div')); > > > > and to give 3 ides in according !! > > > thanx !- Hide quoted text - > > - Show quoted text -
