JSFiddle - React, Tailwind, and code Playground

HTML

<div class='nav'>
    <div class="slide-me">Kontakt</div>
</div>
<div>
    Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test 
    Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test 
    Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test 
    Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test 
    Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test 
    Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test 
    Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test 
   
</div>

CSS

.slide-me {
    position:absolute;
    right: 0;
}
.slide-me ul{
    
}
.slide-me{
    padding-left: 5px;
    height:30px;
    width: 90px;
    border: 1px solid black;
    background-color:lightgrey;
}

JavaScript

$('.slide-me').hover(
    function () {
        $(this).animate({'width':'200px'},300);
    },
    function(){
        $(this).animate({'width':'90px'},300);
    }
);