JSFiddle - React, Tailwind, and code Playground

HTML

<div id="x1"><div style="width:20px; background-color:#000; float:left;">&nbsp;</div><div><a href="">Kontakt</a></div></div>

CSS

#x1 {	
	position: absolute;
	right: -100px;
	width: 150px;
	height: 40px;
	text-align: left;
    top: 50px;
}

JavaScript

$('#x1').hover(
function() {
            $('#x1').animate({"left": "-=100px"}, 200);
            },
function () {
            $('#x1').animate({"left": "+=100px"}, 200);
            })