JSFiddle - React, Tailwind, and code Playground

HTML

<a href="#" class="arrow">
<img src="http://placekitten.com/g/100/100" />
</a>

JavaScript

$(function(){
    $("a.arrow").hover(function(){
    $(this).fadeOut('fast', function(){
   $(this).find("img").attr("src", "http://placekitten.com/100/100");
   $(this).fadeIn('slow');
});
        },
    function(){
    $(this).fadeOut('fast', function(){
   $(this).find("img").attr("src", "http://placekitten.com/g/100/100");
   $(this).fadeIn('slow');
});
        }
                      );
});