JSFiddle - React, Tailwind, and code Playground

HTML

<img id="img1" src="" alt="img1" width="20" height="20"/>
<img id="img2" src="" alt="img2" width="20" height="20"/>
<nav>
<ul>
  <li><a href="#img1">Home</a></li>
  <li><a href="#img2">News</a></li>
</ul>
</nav>

CSS

#img1:target {
  display: block;
}

#img2:target {
  display: block;
}

#img1, #img2 {
  display: none;
}