JSFiddle - React, Tailwind, and code Playground

HTML

<ul class="cat-list">
  <li><a class="show-cat" href="#" data-img="http://placekitten.com/g/600/300">Кыця один</a></li>
  <li><a class="show-cat" href="#" data-img="">Кыця два</a></li>
  <li><a class="show-cat" href="#" data-img="">Последняя кыця</a></li>
</ul>

<div class="target">
  <img class="cats" src="http://placekitten.com/g/600/300" alt="">
  <img class="cats" src="http://placekitten.com/g/200/300" alt="">
  <img class="cats" src="http://placekitten.com/g/200/100" alt="">
</div>

CSS

.cats {
  display: none;
}

JavaScript

$('.cat-list')