JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
<div class="menu">
      
      <!-- Menu icon -->
      
      <div class="icon-close">
			<i class="fa fa-remove fa-3x"></i>
     	 </div>
		 
		 <ul>
			<li>Home</li>
			<li>About Me</li>
			<li>Contact Me</li>
			<li>Gallery</li>
		</ul>
		<div id="background">
		</div>
	</div>

<div id="jumbotron">

	<div id="icon-move">
	<div class="menu-icon">
		<i class="fa fa-bars fa-3x"></i>
		</div>
		
		
</div>

</div>

CSS

#jumbotron {
	width: 100%;
	height: 750px;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background-image: url("images/logogreybg.png");
}
	
.menu-icon {
  color: #fff;
  cursor: pointer;
  font-family: 'Open Sans', sans-serif;
  font-size: 16px;
  padding-bottom: 25px;
  padding-left: 25px;
  padding-top: 25px;
  text-decoration: none;
  text-transform: uppercase;
  z-index:2;
}

.menu-icon i {
  margin-right: 5px;
  color: #3C5F7C;
  z-index:2;
}

.icon-close {
  cursor: pointer;
  padding-left: 25px;
  padding-top: 25px;
  z-index: 1;
}

.icon-close i {
	color: darkred;
	z-index:1;
}

.menu {
  left: -300px;  /* start off behind the scenes */
  height: 750px;
  position: fixed;
  width: 300px;
}

#background {
	height: 750px;
	width: 300px;
	background-color: #000;
	background-color: rgba(0,0,0,.7);
	margin-top: -307px;
}

.menu ul {
	list-style-type: none;
	margin: auto;
	margin-top: 40px;
}

.menu li {
	text-align: center;
	color: #fff;
	font-size: 21px;
	line-height: 50px;
}

JavaScript

var main = function() {
  
  $('.menu-icon').click(function() {
    $('.menu').animate({
      left: "0px"
    }, 200);

    $('#jumbotron').animate({
      left: "300px"
    }, 200);
	
	$('.menu-icon').fadeTo(
	  "fast", 0);
	  
  });

  /* Then push them back */
  $('.icon-close').click(function() {
    $('.menu').animate({
      left: "-300px"
    }, 200);

    $('#jumbotron').animate({
      left: "0px"
    }, 200);
  });
};


$(document).ready(main);