JSFiddle - React, Tailwind, and code Playground

HTML

<table border="0">
          <tr>
            <td>
              <hr>
              <a href="#m1">
                fea1
              </a>
              <br>
              <hr>
              <a href="#m2">
                fea2
              </a>
              <br>
              <hr>
              <a href="#m3">
                fea3
              </a>
              <br>
              <hr>
              <a href="#m4">
                fea4
              </a>
              <br>
              <hr>
              <a href="#m5">
                fea5
              </a>
              <br>
              <hr>
              <a href="#m6">
                fea6
              </a>
              <br>
              <hr>
              <a href="#m7">
                fea7
              </a>
              <br>
              <hr>
              <a href="#m8">
                fea8
              </a>
              <br>
              <hr>
              <a href="#m9">
                fea9
              </a>
              <hr>
            </td>
          </tr>
        </table>

<div class="target">
    <div id="m1">
        dasdasdasd m1
    </div>
    <div id="m2">
        dadasdasdasd m2
    </div>
    <div id="m3">
        sdasdasds m3
    </div>
    <div id="m4">
        dasdasdsad m4
    </div>
    <div id="m5">
        dasdasd m5
    </div>
    <div id="m6">
        asdasdad m6
    </div>
    <div id="m7">
        asdasda m7
    </div>
    <div id="m8">
        dasdasd m8
    </div>
    <div id="m9">
        dasdasdsgaswa m9
    </div>   
</div>

CSS

a{
    text-decoration:none;
    color:black;
}
.target {
    width:50%;
    height:200px;
    border:solid black 1px; 
}
.target > div {
    display:none;
}

.target > div:target{
    display:block;
}