JSFiddle - React, Tailwind, and code Playground

HTML

<div class="1">
  <ul>
    <a href="#2" id="remove-on-click">link to part 2</a>
  </ul>
</div>

<div class="ex">
  <ul id="2">
    <p>hi</p>
  </ul> 
</div>
<script>
  document.getElementById('remove-on-click').addEventListener('click',function(){
    this.style.display = "none";
  })
</script>

CSS

.ex ul {
    display: none;
 }
 .ex ul:target {
    display: block;
 }