JSFiddle - React, Tailwind, and code Playground

by wisegorilla

HTML

<img class="test" src='https://cdn4.iconfinder.com/data/icons/miu-shadow-social/48/twitter-128.png' />

<img class="test" src='https://cdn4.iconfinder.com/data/icons/miu-shadow-social/48/twitter-128.png' />

<img class="test" src='https://cdn4.iconfinder.com/data/icons/miu-shadow-social/48/twitter-128.png' />

<img src='https://cdn4.iconfinder.com/data/icons/miu-shadow-social/48/twitter-128.png' /><img src='https://cdn4.iconfinder.com/data/icons/miu-shadow-social/48/twitter-128.png' /><img src='https://cdn4.iconfinder.com/data/icons/miu-shadow-social/48/twitter-128.png' /><img src='https://cdn4.iconfinder.com/data/icons/miu-shadow-social/48/twitter-128.png' /><img src='https://cdn4.iconfinder.com/data/icons/miu-shadow-social/48/twitter-128.png' />

CSS

.selected{
    box-shadow:0px 12px 22px 1px #333;
}

.test {
  border:solid 1px red; margin:10px;
}

JavaScript

$('.test').click(function(){
    $('.selected').removeClass('selected');
    $(this).addClass('selected');
});