$(document).ready(function() {

  // Hides the divs immediately on page load
  $("#nicolaShowcase").css({ display:"none" });
  $("#shaneShowcase").css({ display:"none" });
  $("#helenShowcase").css({ display:"none" });
  $("#samShowcase").css({ display:"none" });

  // Upon clicking this element, run the following function.
  $("#showcase #nicolaButton").click(function()
  {
    // Slides appropriate list down, and slides the others up.
    $("#showcase #nicolaShowcase").slideToggle(300);
    $("#shaneShowcase").slideUp("slow");
    $("#helenShowcase").slideUp("slow");
    $("#samShowcase").slideUp("slow");
  });

  // Upon clicking this element, run the following function.
  $("#showcase #shaneButton").click(function()
  {
    // Slides appropriate list down, and slides the others up.
    $("#showcase #shaneShowcase").slideToggle(300);
    $("#nicolaShowcase").slideUp("slow");
    $("#helenShowcase").slideUp("slow");
    $("#samShowcase").slideUp("slow");
  });

  // Upon clicking this element, run the following function.
  $("#showcase #helenButton").click(function()
  {
    // Slides appropriate list down, and slides the others up.
    $("#showcase #helenShowcase").slideToggle(300);
    $("#nicolaShowcase").slideUp("slow");
    $("#shaneShowcase").slideUp("slow");
    $("#samShowcase").slideUp("slow");
  });

  // Upon clicking this element, run the following function.
  $("#showcase #samButton").click(function()
  {
    // Slides appropriate list down, and slides the others up.
    $("#showcase #samShowcase").slideToggle(300);
    $("#nicolaShowcase").slideUp("slow");
    $("#shaneShowcase").slideUp("slow");
    $("#helenShowcase").slideUp("slow");
  });

});