JSFiddle - React, Tailwind, and code Playground

by Alex Stanese

HTML

<img class="image" src="../img/Album1/1_1.jpg">
<img class="image" src="../img/Album1/1_2.jpg">
<img class="image" src="../img/Album1/1_3.jpg">
<img class="image" src="../img/Album1/1_4.jpg">
<img class="image" src="../img/Album1/1_5.jpg">
<img class="image" src="../img/Album1/1_6.jpg">
<img class="image" src="../img/Album1/1_7.jpg">
<img class="image" src="../img/Album1/1_8.jpg">
<img class="image" src="../img/Album1/1_9.jpg">
<img class="image" src="../img/Album1/1_10.jpg">

CSS

.img {
    height:30px;
    width:30px;
    background:blue;
    margin-left:10px;
}

.selected {
	-moz-box-shadow: 0 0 7px 4px blue; 
	-webkit-box-shadow: 0 0 7px 4px blue; 
	box-shadow: 0 0 7px 4px blue;
}
}

JavaScript

$( ".image" ).click(function() {
  if($(this).hasClass("selected"))
      $(this).removeClass("selected");
  else
      $(this).addClass("selected");  
});