JSFiddle - React, Tailwind, and code Playground

HTML

<body>
		<a href="#" class="pouet">Cliquez ici</a>
			<div class="xd_slidebar">
				<nav class="xd-effect-13" id="xd-menu-13">
				<h2>Sidebar</h2>
				<ul>
					<li><a href="#">Data Management</a></li>
					<li><a href="#">Location</a></li>
					<li><a href="#">Study</a></li>
					<li><a href="#">Collections</a></li>
					<li><a href="#">Credits</a></li>
				</ul>
				</nav>
			</div>
			
	</body>

CSS

a.pouet {text-align:center;display:block; background:#eee; border:1px solid #565656;border-radius:7px;padding:.5em;width:100px;}

JavaScript

$(document).ready(function() {
    $(".xd_slidebar").hide();
    $(".pouet").click(function () {
        $(".xd_slidebar").toggle(400);
        return false;
    })
})