JSFiddle - React, Tailwind, and code Playground

HTML

<a href="#q1" id="q2">Открыть блок</a>
<div id="q1">
<h1>Заголовок</h1>
<p>Элемент</p>
<a href="#x">Закрыть блок</a>
</div>

CSS

div{
	width:500px;
	height:400px;
	background:gray;
	position:fixed;
	top:90px;
	left:30%;
	display:none;
}
div:target{
	display:block;
}
body{height:10000px;}