JSFiddle - React, Tailwind, and code Playground

by Dipak1991

HTML

<ul>
    <li> <a href="#m1">fea1</a>

    </li>
    <li><a href="#m2">fea2</a>

    </li>
</ul>
<div class="target">
    <div id="m1">dasdasdasd m1</div>
    <div id="m2">dadasdasdasd m2</div>
</div>

CSS

a {
    text-decoration:none;
    color:black;
}
.target {
    width:50%;
    height:200px;
    float:left;
    border:solid black 1px;
}
.target > div {
    display:none;
}
.target > div:target {
    display:block;
}
ul {
    margin: 0;
    padding:0;
    float:left;
}