JSFiddle - React, Tailwind, and code Playground

HTML

<div class="mybooks">
    <p>abc</p>
    <div class="divbutton">
        <input  class="btnsubmit"  type="button" value="Edit" id="edit_trivia">
         <input  class="btnsubmit"  type="button" value="Delete" id="delete_trivia">
     </div>
     <!--close accordion-->
</div>

JavaScript

$('.divbutton').hide();
$( ".mybooks" ).mouseenter(function() {
    $('.divbutton').show();
});

$( ".mybooks" ).mouseleave(function() {
    $('.divbutton').hide();
});