JSFiddle - React, Tailwind, and code Playground

by aramk

HTML

<div id="cont">
<div id="art"  style= "position: absolute; left: 20px; top: 40px;">
    <a href="#"><img src="http://www.newmusicproducer.com/img/ic_play.png">
    </a>
 </div>
    <img src="https://i1.sndcdn.com/avatars-000008744854-5sr588-large.jpg?d408275" alt="smile" id="imgSmile"></img>
</div>

JavaScript

$(document).ready(function(){

    var art = $('#art');
    art.hide();
    var updatePlayButton = function() {
        if (art.is(':visible')) {
            art.hide();
        } else {
            art.show();
        }
    }
        
    $('#cont').hover(updatePlayButton);
    
});