JSFiddle - React, Tailwind, and code Playground

by tchalvakspam

HTML

<p>
  <a href="#item1">item 1</a>
  <a href="#item2">item 2</a>
  <a href="#item3">item 3</a>
  <a href="#default">clear</a>
</p>
<div class="items">
  <p id="item1">... item 1...
  <p id="item2">... item 2...
  <p id="item3">...
      <p id="default"><!-- by default, show no text -->Default text</p>
</div>

CSS

div.items p:not(:target) {display: none}
div.items p:target {display: block}