window.addEvent('domready', function() { var status_1 = { 'true': '', 'false': '' }; var mySlide_1 = new Fx.Slide('mySlide_1', { transition: Fx.Transitions.Cubic.easeInOut, duration: 700 }); var status_2 = { 'true': '', 'false': '' }; var mySlide_2 = new Fx.Slide('mySlide_2', { transition: Fx.Transitions.Cubic.easeInOut, duration: 700 }); var status_3 = { 'true': '', 'false': '' }; var mySlide_3 = new Fx.Slide('mySlide_3', { transition: Fx.Transitions.Cubic.easeInOut, duration: 700 }); var status_4 = { 'true': '', 'false': '' }; var mySlide_4 = new Fx.Slide('mySlide_4', { transition: Fx.Transitions.Cubic.easeInOut, duration: 700 }); $('toggle_1').addEvent('click', function(e){ e.stop(); if(document.getElementById("mySlide_1").style.display == "none") { document.getElementById("mySlide_1").style.display = "block"; mySlide_1.hide().slideIn(); mySlide_2.slideOut(); mySlide_3.slideOut(); mySlide_4.slideOut(); } else { mySlide_1.toggle(); mySlide_2.slideOut(); mySlide_3.slideOut(); mySlide_4.slideOut(); } }); $('toggle_2').addEvent('click', function(e){ e.stop(); if(document.getElementById("mySlide_2").style.display == "none") { document.getElementById("mySlide_2").style.display = "block"; mySlide_1.slideOut(); mySlide_2.hide().slideIn(); mySlide_3.slideOut(); mySlide_4.slideOut(); } else { mySlide_1.slideOut(); mySlide_2.toggle(); mySlide_3.slideOut(); mySlide_4.slideOut(); } }); $('toggle_3').addEvent('click', function(e){ e.stop(); if(document.getElementById("mySlide_3").style.display == "none") { document.getElementById("mySlide_3").style.display = "block"; mySlide_1.slideOut(); mySlide_2.slideOut(); mySlide_3.hide().slideIn(); mySlide_4.slideOut(); } else { mySlide_1.slideOut(); mySlide_2.slideOut(); mySlide_3.toggle(); mySlide_4.slideOut(); } }); $('toggle_4').addEvent('click', function(e){ e.stop(); if(document.getElementById("mySlide_4").style.display == "none") { document.getElementById("mySlide_4").style.display = "block"; mySlide_1.slideOut(); mySlide_2.slideOut(); mySlide_3.slideOut(); mySlide_4.hide().slideIn(); } else { mySlide_1.slideOut(); mySlide_2.slideOut(); mySlide_3.slideOut(); mySlide_4.toggle(); } }); mySlide_1.addEvent('complete', function() { $('slide_status_1').set('html', status_1[mySlide_1.open]); }); mySlide_2.addEvent('complete', function() { $('slide_status_2').set('html', status_2[mySlide_2.open]); }); mySlide_3.addEvent('complete', function() { $('slide_status_3').set('html', status_3[mySlide_3.open]); }); mySlide_4.addEvent('complete', function() { $('slide_status_4').set('html', status_4[mySlide_4.open]); }); });