$(document).ready(function() { $("#menuBtn1").hover(function () { $(this).addClass('menuBtnActive'); }, function () { $(this).removeClass('menuBtnActive'); }); $("#menuBtn2").hover(function () { $(this).addClass('menuBtnActive'); }, function () { $(this).removeClass('menuBtnActive'); }); $("#menuBtn3").hover(function () { $(this).addClass('menuBtnActive'); }, function () { $(this).removeClass('menuBtnActive'); }); $("#menuBtn4").hover(function () { $(this).addClass('menuBtnActive'); }, function () { $(this).removeClass('menuBtnActive'); }); $("#menuBtn5").hover(function () { $(this).addClass('menuBtnActive'); }, function () { $(this).removeClass('menuBtnActive'); }); $("#menuBtn6").hover(function () { $(this).addClass('menuBtnActive'); }, function () { $(this).removeClass('menuBtnActive'); }); $("#menuBtn7").hover(function () { $(this).addClass('menuBtnActive'); }, function () { $(this).removeClass('menuBtnActive'); }); $("#menuBtn8").hover(function () { $(this).addClass('menuBtnActive'); }, function () { $(this).removeClass('menuBtnActive'); }); $("#menuBtn1").click(function () { window.location = $("#menuBtnLink1").attr('href'); }); $("#menuBtn2").click(function () { window.location = $("#menuBtnLink2").attr('href'); }); $("#menuBtn3").click(function () { window.location = $("#menuBtnLink3").attr('href'); }); $("#menuBtn4").click(function () { window.location = $("#menuBtnLink4").attr('href'); }); $("#menuBtn5").click(function () { window.location = $("#menuBtnLink5").attr('href'); }); $("#menuBtn6").click(function () { window.location = $("#menuBtnLink6").attr('href'); }); $("#menuBtn7").click(function () { window.location = $("#menuBtnLink7").attr('href'); }); $("#menuBtn8").click(function () { window.location = $("#menuBtnLink8").attr('href'); }); });