var stretchers = $$('ul.accordion'); var togglers = $$('li.toggler'); stretchers.setStyles({'height': '0', 'overflow': 'hidden'}); //initialization of togglers effects togglers.each(function(toggler, i){ toggler.$tmp.first = toggler.getFirst(); toggler.$tmp.fx = new Fx.Style(toggler, {'wait': false}); }); //the accordion var myAccordion = new Accordion(togglers, stretchers, { 'opacity': false, 'start': false, 'height': true, 'transition': Fx.Transitions.Quad.easeOut, 'show': 99, onActive: function(toggler){ }, onBackground: function(toggler){ } }); myAccordion.openNow = function(i) { alert('asdf'); var height = $(stretchers[i]).getDimensions().height(); stretchers[i].style.height = height + "px"; };