JSFiddle - React, Tailwind, and code Playground

HTML

<div id='container'>

<div id="box1">
<h1>Share it!</h1>
</div>    
    
<div class="box" style="visibility: hidden">
<a href="#" class="bt btleft">Facebook Button here</a>
<a href="#" class="bt btright">Twitter Button here</a>
</div>
</div>

JavaScript

$("#container").hover(function () {
    $("#container div").css("visibility","visible");
      },
      function () {
        $("#container div").css("visibility","hidden");
      });