jQuery(document).ready(function()
{
  //hide the all of the element with class msg_body
  jQuery(".msg_body").hide();
  //toggle the componenet with class msg_body
  jQuery(".msg_head").click(function()
  {
    jQuery(this).next(".msg_body").slideToggle(600);
    jQuery(this).toggleClass("msg_head_expanded");
  });
  jQuery(".directors").click(function()
  {
    jQuery(".tutor").hide();
    jQuery(".assessor").hide();
    jQuery(".office-staff").hide();
	jQuery(".director").show();
    jQuery(this).addClass("role_selected");
    jQuery(".tutors").removeClass("role_selected");
    jQuery(".assessors").removeClass("role_selected");
    jQuery(".office_staff").removeClass("role_selected");
  });
  jQuery(".tutors").click(function()
  {
    jQuery(".director").hide();
    jQuery(".assessor").hide();
    jQuery(".office-staff").hide();
	jQuery(".tutor").show();
    jQuery(this).addClass("role_selected");
    jQuery(".office_staff").removeClass("role_selected");
    jQuery(".assessors").removeClass("role_selected");
    jQuery(".directors").removeClass("role_selected");
 });
  jQuery(".assessors").click(function()
  {
    jQuery(".tutor").hide();
    jQuery(".director").hide();
    jQuery(".office-staff").hide();
	jQuery(".assessor").show();
    jQuery(this).addClass("role_selected");
    jQuery(".tutors").removeClass("role_selected");
    jQuery(".office_staff").removeClass("role_selected");
    jQuery(".directors").removeClass("role_selected");
 });
  jQuery(".office_staff").click(function()
  {
    jQuery(".tutor").hide();
    jQuery(".assessor").hide();
    jQuery(".director").hide();
	jQuery(".office-staff").show();
    jQuery(this).addClass("role_selected");
    jQuery(".tutors").removeClass("role_selected");
    jQuery(".assessors").removeClass("role_selected");
    jQuery(".directors").removeClass("role_selected");
  });
});