JSFiddle - React, Tailwind, and code Playground

HTML

<div id="supercontainer">
    <input type="button" value="Show table"/>
<div id="container" style="width:200px;height:100px;border:solid 1px black;background-color:gray;display:inline-block;">
    <span>Quantity:</span><input type="text" value="10" size="5" /><input type="button" value="Add to Cart" />
</div>
</div>

JavaScript

$(function(){
    $("#supercontainer").mouseover(
      function () {
        $("#container").css('display','block');
      });
    $("#supercontainer").mouseout(
      function () {
        $("#container").css('display','none');
      }
    );
});