JSFiddle - React, Tailwind, and code Playground

HTML

<p id="text">Foo</p>
<div id="pig" style="display:none"><img src="http://www.nataliedee.com/012807/hi-pig.jpg"/></div>

JavaScript

$('#text').mouseenter(function(){
    $('#pig').fadeIn();
}).mouseleave(function(){
    $('#pig').fadeOut();
});