JSFiddle - React, Tailwind, and code Playground

by jrummell

HTML

<div id="slide">
  <img src="http://www.gravatar.com/avatar/5c25e4bbab70ff778c5c5067c8d4958c?s=32&d=identicon&r=PG" id="image_1" class="greyScale">
  <img src="http://www.gravatar.com/avatar/5c25e4bbab70ff778c5c5067c8d4958c?s=32&d=identicon&r=PG" id="image_2" class="greyScale">
 </div>

CSS

img { border-style: none;}
.greyScale { border: 5px solid #900; }

JavaScript

$(document).ready(function() {
    $("#slide img").click(function () {
        $('#slide img').addClass('greyScale');
        $(this).removeClass('greyScale');
    });
});