window.addEvent('domready', function() { initTab(); initAccordion(); }); function initTab() { var tabs = document.getElements('div.dianzi-tab'); if (tabs.length > 0) { tabs.each(function(item, index) { simpleTab(item.getElements('a'), item.getNext('div').getElements('div.dianzi-tabcon')); }); } } function initAccordion() { var triggers = document.getElements('div.dianzi-downslide h3'); var contents = document.getElements('div.dianzi-downslide div.dianzi-slide'); contents.each(function(item, index) { item.setStyle('overflow', 'hidden'); if (index > 0) { item.setStyle('height', 0); } }); triggers[0].addClass('open'); curIndex = 0; triggers.each(function(item, index) { item.addEvent('click', function() { if (!this.hasClass('open')) { triggers[curIndex].removeClass('open'); contents[curIndex].setStyle('height', contents[curIndex].getSize().y).tween('height', 0); this.addClass('open'); contents[index].get('tween').start('height', contents[index].getScrollSize().y).chain(function() { contents[index].setStyle('height', 'auto'); }); curIndex = index; } }) }) }