JSFiddle - React, Tailwind, and code Playground

HTML

<div id="herebesomefaderimages">
    <img src="http://bla.com/image1.jpg" />
    <img src="http://bla.com/image2.jpg" />
    <img src="http://bla.com/image3.jpg" />
</div>

CSS

.fader{width:100px;padding:20px;background:#ff00ff}

JavaScript

$('#herebesomefaderimages').children('img').addClass("fader");

$('.fader').hover(
    function(){
        //This fades from default opacity to 50%
        $(this).stop().fadeTo(300,0.5);
    },
    function(){
        //This fades from hovered opacity (50%) back to 100%
        $(this).stop().fadeTo(300,1);
    });