JSFiddle - React, Tailwind, and code Playground

HTML

<img src="http://2.bp.blogspot.com/_pP4JIb2v5LA/TH9nWQ4VwCI/AAAAAAAABTQ/PFM1X6LB-ug/s1600/Smiley.png" alt="smile" id="imgSmile"></img>
<div id="text"></div>

JavaScript

$(document).ready(function () {
     $('#imgSmile').width(200);
     $('#imgSmile').mouseover(function () {
         $(this).css("cursor", "pointer");
         $(this).animate({
             width: "400px"
         }, 'slow');
         $("#text").html("neaky text");
     });

     $('#imgSmile').mouseout(function () {
         $(this).animate({
             width: "200px"
         }, 'slow');
         $("#text").html("");
     });
 });