JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/bootstrap/3.0.3/css/bootstrap.min.css">
<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/bootstrap/3.0.3/css/bootstrap-theme.min.css">
<script src="http://amelisoft.com/test/demo/jquery.multilevelpushmenu.js"></script>
<link rel="stylesheet" href="http://amelisoft.com/test/demo/jquery.multilevelpushmenu.css">
<div class="row">
   <div class="container">
       <!--menu container start-->
       <div id="menu" class="col-md-4">
           <nav>
               <h2>Level-0</h2>
               <ul class="level-1 list">
                   
                   <li class="level-1">
                       <a title="level-1" href="#">Level-1</a>
                       <h2>Level-1</h2>
                       <ul class="level-2"><!--level-2 level-->
                           <li class="level-2">
                               <a title="level-2" href="#">Level-2</a>
                               <h2>Level-2</h2>
                               <ul class="level-3">
                                   <!--level-3 level-->
                                   <li class="level-3">
                                       <a title="level-3" href="#">Level-3</a>
                                       <h2>Level-3</h2>
                                   </li>
                               </ul>
                           </li>
                       </ul>
                   </li>

               </ul>
           </nav>
       </div>
       <!--menu container end-->
       <!--right content container start-->
       <div class="right-content col-md-8">
           <div class="content">
               <!--level-0 start-->
               <div id="level-0" class="content-0">
                   <div class="typography">
                       <h1>Level-0</h1>
                       <p>
                           Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec rhoncus vulputate augue eget dapibus. Aliquam...

CSS

#pushobj {
	position: absolute;
	top: 0px;
	left: 300px;
	color: #fff;
	background: #b9312f;
	font-family: 'Open Sans Condensed', sans-serif;
	font-size: 2em;
}

.sub-menu {
    /*margin-left:40px;*/
    width:300px;
}

#menu {
    min-height:300px;
    font-size:15px;
}

.right-content {
    color:#666;
    overflow:visible;
}

/*right content*/
.right-content {
    height:400px;
    max-height:400px;
    overflow: hidden;
}


/*detail content*/
.detail h2 {
    font-weight:100;
}

.detail p {
    font-size:1.2em;
    line-height:1.4em;
}

JavaScript

$( '#menu' ).multilevelpushmenu({
		containersToPush: [$( '#pushobj' )],
		mode: 'cover'
	});

    //Zobrazí požadovaný obsah
	$("#menu nav ul li a").click(function () {
	    var clicked = $(this).attr('title');
	    $("#" + clicked).show(1000).siblings().hide(1000);
	});