JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" type="text/css" href="style.css">
<script src="http://code.jquery.com/jquery-latest.js"></script>

 


		 <div class="content">
			<div class="tabs-content">
				<ul class="gmenu">
                    <li id="one"><a href="/_display/">1</a></li>
					<li id="two">2</li>
					<li id="three">3</li>
				</ul>
			</div>
		 </div>
		<div class="menu">	<div id="gmenu">
<ul class="tabs">
    <li><a href="#one" class="active">1</a></li>
</ul>
 </div>
			<div id="line-menu"></div>	
		</div>
 <script type="text/javascript">
 
      $('a[href *="'+location.pathname+'"]').parent().addClass('active'); 
 


</script>

CSS

*{padding: 0; margin: 0;}
a{text-decoration: none}

html{
height:100%;
width:100%;
}

body{
height:100%;
width:100%;
background-color:#E6E6E6;
}

.menu{
cursor: pointer;
position: fixed;
left: -135px;
width: 150px;
height:100%; 


    -webkit-transition-property: left;
    -moz-transition-property: left;
    -o-transition-property: left;
    transition-property: left;
    -webkit-transition-duration: 1.2s;
    -moz-transition-duration: 1.2s;
    -o-transition-duration: 1.2s;
    transition-duration: 1.2s;
	
background-color:#34495e;
}

.menu:hover{
left:0px;
}

#line-menu{
margin-left:135px;
width: 15 px;
height: 100%;
z-index: 99999;
background-color:#4A6782;
}

.content  {
  position: fixed;
  margin: 30px;
  top: 0px;
  left: 150px;
  background: white;
  right: 0;
  bottom: 0;
  padding: 20px;
}

/*HOME*/
.menu ul {
position: absolute;
}

.menu li{
padding: 25px 51px 25px 52px;
}

.menu a{
color: #fff; 
font-family: Calibri light;
background:none;
}
li.active a{color:red !important;}
.menu li:hover{
background: #2c3e50;
 -webkit-transition-duration: 0.5s;
 -moz-transition-duration: 0.5s;
 -o-transition-duration: 0.5s;
 transition-duration: 0.5s;
}

/*home*/
.menu li:active{
border:none;
color:#3498DB;
border-right: 15px solid #3498DB  ;
 -webkit-transition-duration: 0.5s;
 -moz-transition-duration: 0.5s;
 -o-transition-duration: 0.5s;
 transition-duration: 0.5s;
}



.tabs-content {
    width:960px;
    height:300px;
    overflow:hidden;
}
.tabs-content li {
    width:960px;
    height:300px;
}