JSFiddle - React, Tailwind, and code Playground

by TrueBlueAussie

HTML

<div class="elements">
  <img src="https://s12.postimg.org/4hflmxyil/photo.png" class="image1 hidden" />
  <img src="https://s12.postimg.org/4hflmxyil/photo.png" class="image2 hidden" />
  <img src="https://s12.postimg.org/4hflmxyil/photo.png" class="image3 hidden" />
  <img src="https://s12.postimg.org/4hflmxyil/photo.png" class="image4 hidden" />
  <img src="https://s12.postimg.org/4hflmxyil/photo.png" class="image5 hidden" />
</div>

<button>Click Me</button>

CSS

.image1{
  border 5px solid blue;
}
.hidden { display: none; }

JavaScript

$('button').click(function() {
  $(".elements img.hidden").each(function() {
    var $this = $(this);
    if ($this.hasClass('image3')) {
      for (var i = 1; i < 3; i++) {
        $this.clone().removeClass('hidden').appendTo($this.parent());
      }
    }
  });
});