JSFiddle - React, Tailwind, and code Playground

HTML

<div class="nav"><a class="prev" href="#">Prev</a> <a class="next" href="#">Next</a></div>

<div id="container">
Some Content in Container
</div>

CSS

#container {
    width: 200px;
    height: 100px;
    background-color:#CCC;
}

.nav {
    display:none;
}

JavaScript

$(document).ready(function(){ 
    
       $("#container").hover(
       function() { $('.nav').fadeIn(); },
       function() { $('.nav').fadeOut(); }
       );
       });