JSFiddle - React, Tailwind, and code Playground

by Ranganadh Paramkusam

HTML

<img src="" style="height:200px;width:200px;border:1px solid" id="showForm">
<span id="img_src"></span>

JavaScript

$("#showForm").hover(
              function () {
                  $(this).fadeOut('fast',function(){
                     $(this).attr("src", 'images/AddButtonSmall.gif');
                     $("#img_src").html("images/AddButtonSmall.gif"); 
                  });
                $(this).fadeIn('fast');
              }, 
              function () {
                $(this).fadeOut('fast',function(){
                     $(this).attr("src", 'images/AddButtonSmallGray.gif');
                     $("#img_src").html("images/AddButtonSmallGray.gif"); 
                  });
                $(this).fadeIn('fast');
              }
            );