JSFiddle - React, Tailwind, and code Playground

HTML

<ul class="menu">
  <li><a  href="#one" >Кыця один</a></li>
  <li><a  href="#two" >Кыця два</a></li>
  <li><a  href="#three" >Последняя кыця</a></li>
</ul>

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

CSS

.cats {
  display: none;
}

.cats:target {
  display: block;
}