$(document).ready(function() {
  $("#hover-nav-items > ul > li > a").hover(function(){
     $("#hover-nav-content > div").removeClass("active");
  });

  $("#undergraduate-button").hover(function(){
     $("#undergrad-content").addClass("active");
  });

  $("#ai-button").hover(function(){
     $("#ai-content").addClass("active");
  });

  $("#ab-button").hover(function(){
     $("#ab-content").addClass("active");
  });

  $("#gp-button").hover(function(){
     $("#gp-content").addClass("active");
  });

  $("#professional-button").hover(function(){
     $("#professional-content").addClass("active");
  });



});