JSFiddle - React, Tailwind, and code Playground

HTML

<div class="article_none" tabindex="0">
				<h1 class="open_h1">Подача заявки на сайте passport.webmoney.ru</h1>
				<article>
					<h1>Подача заявки на сайте passport.webmoney.ru</h1>
					<ol>
						<li>Зайдите в <a href="https://passport.webmoney.ru/asp/aUserInfo.asp" tabindex="100">WebMoney Passport</a>. Авторизируйтесь тем WMID, который хотите аттестовать.</li>
					</ol>
				</article>
			</div>

CSS

.article_none{
	background: #0090f0; 
	font-family: sans-serif;
	font-size: 23px;
	font-weight: bold;
	height: 150px;
	width: 1000px;
    overflow: hidden;
}
.article_none:focus{
	background: none;
	height: 100%;
	outline: none;
}
.article_none:focus .open_h1{
	display: none;
}