$(document).ready(function(){
  $("#showrecentbutton").click(function() {
    $("#hidden-recent").slideDown(1200);
    document.getElementById("showrecentbutton").style.display="none";
    document.getElementById("hiderecentbutton").style.display="block";
  });

  $("#hiderecentbutton").click(function() {
    $("#hidden-recent").slideUp(1200);
    document.getElementById("showrecentbutton").style.display="block";
    document.getElementById("hiderecentbutton").style.display="none";
  });

  $("#showrecenttabsbutton").click(function() {
    $("#hidden-tabs").slideDown(1200);
    document.getElementById("showrecenttabsbutton").style.display="none";
    document.getElementById("hiderecenttabsbutton").style.display="block";
  });

  $("#hiderecenttabsbutton").click(function() {
    $("#hidden-tabs").slideUp(1200);
    document.getElementById("showrecenttabsbutton").style.display="block";
    document.getElementById("hiderecenttabsbutton").style.display="none";
  });

  $("#showrecentindiebutton").click(function() {
    $("#hidden-indie").slideDown(1200);
    document.getElementById("showrecentindiebutton").style.display="none";
    document.getElementById("hiderecentindiebutton").style.display="block";
  });

  $("#hiderecentindiebutton").click(function() {
    $("#hidden-indie").slideUp(1200);
    document.getElementById("showrecentindiebutton").style.display="block";
    document.getElementById("hiderecentindiebutton").style.display="none";
  });
});