JSFiddle - React, Tailwind, and code Playground

HTML

<div class="divbutton">
    <button type="button" id="downloadbtn">Download Files</button>
    <button type="button" style="display: none;">CSV</button>
    <button type="button" style="display: none;">EXCEL</button>
</div>

CSS

.divbutton {
    height: 20px;
    width:109px;
    background: #fff;
}

JavaScript

$(function () {
      var Ids ='.divbutton';
      $(Ids).on('mouseenter', function () {
           $(Ids).find(":button").show();
           $(Ids).find('#downloadbtn').hide();
      }).on('mouseleave', function () {
           $(Ids).find(":button").hide();
           $(Ids).find('#downloadbtn').show();
      });
});