window.addEvent('domready', function() { var status = { 'true': 'open', 'false': 'close' }; var productBoxInfo_1 = new Fx.Slide('productBoxInfo_1'); var PerformanceBox_1 = new Fx.Slide('productPerformanceBox_1'); var productBoxInfo_2 = new Fx.Slide('productBoxInfo_2'); var PerformanceBox_2 = new Fx.Slide('productPerformanceBox_2'); var productBoxInfo_3 = new Fx.Slide('productBoxInfo_3'); var PerformanceBox_3 = new Fx.Slide('productPerformanceBox_3'); productBoxInfo_1.hide(); productBoxInfo_2.hide(); productBoxInfo_3.hide(); PerformanceBox_1.show(); PerformanceBox_2.show(); PerformanceBox_3.show(); $('productMoreInfo_1').addEvent('click', function(e){ if(status[productBoxInfo_1.open] == "close") { e.stop(); productBoxInfo_1.slideIn(); $('productMoreInfo_1').toggleClass('active'); } else { e.stop(); productBoxInfo_1.slideOut(); $('productMoreInfo_1').toggleClass('active'); } }); $('productPerformance_1').addEvent('click', function(e){ if(status[PerformanceBox_1.open] == "close") { e.stop(); PerformanceBox_1.slideIn(); $('productPerformance_1').toggleClass('active'); } else { e.stop(); PerformanceBox_1.slideOut(); $('productPerformance_1').toggleClass('active'); } }); $('productMoreInfo_2').addEvent('click', function(e){ if(status[productBoxInfo_2.open] == "close") { e.stop(); productBoxInfo_2.slideIn(); $('productMoreInfo_2').toggleClass('active'); } else { e.stop(); productBoxInfo_2.slideOut(); $('productMoreInfo_2').toggleClass('active'); } }); $('productPerformance_2').addEvent('click', function(e){ if(status[PerformanceBox_2.open] == "close") { e.stop(); PerformanceBox_2.slideIn(); $('productPerformance_2').toggleClass('active'); } else { e.stop(); PerformanceBox_2.slideOut(); $('productPerformance_2').toggleClass('active'); } }); $('productMoreInfo_3').addEvent('click', function(e){ if(status[productBoxInfo_3.open] == "close") { e.stop(); productBoxInfo_3.slideIn(); $('productMoreInfo_3').toggleClass('active'); } else { e.stop(); productBoxInfo_3.slideOut(); $('productMoreInfo_3').toggleClass('active'); } }); $('productPerformance_3').addEvent('click', function(e){ if(status[PerformanceBox_3.open] == "close") { e.stop(); PerformanceBox_3.slideIn(); $('productPerformance_3').toggleClass('active'); } else { e.stop(); PerformanceBox_3.slideOut(); $('productPerformance_3').toggleClass('active'); } }); });