function toggler(e){ var num = this.getAttribute("num"); var theBlock = document.getElementById('sectionInfo' + num); var theTitle = document.getElementById('sectionTitle' + num); if($D.hasClass(theBlock, 'hide')){ $D.removeClass(theBlock, 'hide'); $D.addClass(theTitle, 'sections-titleBlue'); } else{ $D.addClass(theBlock, 'hide'); $D.removeClass(theTitle, 'sections-titleBlue'); } $E.stopEvent(e); } function startPanelToggle() { var panels = $D.getElementsByClassName('colTrigger'); var sections = $D.getElementsByClassName('sections-info'); var titles = $D.getElementsByClassName('sections-title'); if(!panels || !sections){ return; } for(var i = 0; i < panels.length;i++){ panels[i].setAttribute("id","panelTrigger" + i); panels[i].setAttribute("num", i); $E.addListener(panels[i], "click", toggler); } for(var j = 0; j < sections.length; j++){ sections[j].setAttribute("id", "sectionInfo" + j); } for(var k = 0; k < sections.length; k++){ titles[k].setAttribute("id", "sectionTitle" + k); } } $E.addListener(window, "load", startPanelToggle);