$(document).ready(function(){
//Hide the sliding div
	$('#about').hide();
	$('.about-wrapper').hide();

//show the div when button is clicked	
	$("a.run-about").click(function () {
		  $(this).addClass('clicked');
		  $("#about").delay(500).show("slide", { direction: "left" }, 1000);
		  //fade out a seperate div
		  $("#timeline").fadeOut(500);
		  $(".about-wrapper").delay(1500).fadeIn(500);
		  // hide other div if open
		  $("#portfoliotwo").fadeOut(500);
		  $("#skills").fadeOut(500);
		  $(".skills-wrapper").fadeOut(500);
		  $(".headline h1").fadeOut(500);
		  
	});

//hide the div when button is clicked
	
	$("a.close-about").click(function () {
		  $("#about").hide("slide", { direction: "right" }, 500);
		  //fade out a seperate div
		  $("#timeline").fadeIn(500);
		  $(".about-wrapper").fadeOut(500);
		  
	});
	
});