$(document).ready(function(){

  $(".who-may-attend").mouseenter(function(){
     $(this).children(".attendance-list").addClass("active");
  });

  $(".who-may-attend").mouseleave(function(){
     $(this).children(".attendance-list").removeClass("active");
  });

});