JSFiddle - React, Tailwind, and code Playground

HTML

<nav>
<ul>
<li><a href="#egy">első</a></li>
<li><a href="#ketto">második</a></li>
<li><a href="#harom">harmadik</a></li>
</ul>
</nav>

<main>
<div class="vagy" id="egy">első darab tartalom</div>
<div class="vagy" id="ketto">második darab tartalom</div>
<div class="vagy" id="harom">harmadik darab tartalom</div>
</main>

CSS

nav {
	float: left;
	width: 150px;
	border-right: solid thick silver;
}

div.vagy {
	display: none;
}

div.vagy:target {
	display: block;
}