JSFiddle - React, Tailwind, and code Playground

HTML

<img src="http://upload.wikimedia.org/wikipedia/commons/2/29/Clown_Fish_Swimming.jpg" class="default" />
    <img src="http://upload.wikimedia.org/wikipedia/commons/2/29/Clown_Fish_Swimming.jpg" class="default" />
    <img src="http://upload.wikimedia.org/wikipedia/commons/2/29/Clown_Fish_Swimming.jpg" class="default" />
    <img src="http://upload.wikimedia.org/wikipedia/commons/2/29/Clown_Fish_Swimming.jpg" class="default" />

CSS

img   {width:100px;}

JavaScript

$("img").each(function () {
                $(this).hover(function () {
                    if($(this).attr('class') == 'default'){
                        $(this).attr('src', 'http://upload.wikimedia.org/wikipedia/commons/1/18/Ocellaris_clownfish.JPG');
                    }
                },function () {
                    if($(this).attr('class') == 'default'){
                        $(this).attr('src', 'http://upload.wikimedia.org/wikipedia/commons/2/29/Clown_Fish_Swimming.jpg');
                    }
                });
                $(this).toggle(function () {
                    $(this).attr('class', 'inactive');
                    $(this).src = "http://upload.wikimedia.org/wikipedia/commons/1/18/Ocellaris_clownfish.JPG";
                }, function(){
                    $(this).attr('class', 'default');
                    $(this).src = "http://upload.wikimedia.org/wikipedia/commons/2/29/Clown_Fish_Swimming.jpg";
                });
            });