function selectboxes(chosenClass) { var overlay2 = document.getElementsByClassName('overlay2'); for(var i = 0; i < overlay2.length; i++) { overlay2[i].style.backgroundColor='rgba(0, 0, 0, 0.8)'; overlay2[i].getElementsByTagName("P")[0].style.color='rgba(255,255,255,0.4)'; } jQuery('.typeSelector').css('color','initial'); for(var i = 0; i < chosenClass.length; i++) { chosenClass[i].style.backgroundColor='rgba(0, 0, 0, 0)'; chosenClass[i].getElementsByTagName("P")[0].style.color='rgba(255,255,255,1)'; } } function resetboxes() { var overlay2 = document.getElementsByClassName('overlay2'); for(var i = 0; i < overlay2.length; i++) { overlay2[i].style.backgroundColor='rgba(0, 0, 0, 0)'; overlay2[i].getElementsByTagName("P")[0].style.color='rgba(255,255,255,1)'; } jQuery('.typeSelector').css('color','initial'); } var academicpages = jQuery('.academic'); var corporatepages = jQuery('.corporate'); jQuery('#academiclink').click(function() { selectboxes(academicpages); jQuery(this).css('color','rgb(200,0,0)'); }); jQuery('#corporatelink').click(function() { selectboxes(corporatepages); jQuery(this).css('color','rgb(200,0,0)'); }); jQuery('#resetlink').click(function() { resetboxes(); jQuery(this).css('color','rgb(200,0,0)'); });