maybe we have to change the class structure I am trying !!!!
On Oct 18, 8:11 pm, ken <[EMAIL PROTECTED]> wrote: > 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 -
