JSFiddle - React, Tailwind, and code Playground

HTML

<div class="01">

<div id="id01">
        <a href="#id01">Menu1</a>
        <p>Text for menu1</p>
    </div>

    <div id="id02">
        <a href="#id02">Menu2</a>
        <p>Text for menu2</p>
    </div>

    <div id="id03">
        <a href="#id03">Menu3</a>
        <p>Text for menu3</p>
    </div>
    </div>

CSS

#01 div {
    left: 10px;
    top: 10px;
    position: absolute;
    width: 100%;
}
#01 p {
    top: 50px;
    visibility: hidden;
    position: absolute;
}

#01 div:target p {
  visibility: visible;
}

#01 div:target a {
    background-color: #999;
}

#id01 a {
    left: 0px;
    position: absolute;
}
#id02 a {
    left: 100px;
    position: absolute;
}
#id03 a {
    left: 200px;
    position: absolute;
}