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="http://placekitten.com/g/200/300">Кыця два</a></li>
  <li><a class="show-cat" href="#" data-img="http://placekitten.com/g/200/100">Последняя кыця</a></li>
</ul>
<div class="target">

</div>

CSS

.cats {
  display: none;
}

JavaScript

$('.cat-list').children().each(function(){
  $this = $(this).children();
  // new el img
  var img = $('<img src='+$this.data('img') + ' width="200">');
  $this.on('click',function(){
    $('.target').empty();
    img.appendTo('.target');
  })
});