JSFiddle - React, Tailwind, and code Playground

HTML

<input type="checkbox" id="check">
<label for="check">Нажми меня</label>
<div class="block">Молодец!</div>

CSS

input[type="checkbox"] { display: none; }
label {
   cursor: pointer;
   color: blue;
   text-decoration: underline;
   -moz-user-select: -moz-none;
   -webkit-user-select: none;
    user-select: none;
}
.block {
    width: 200px;
    height: 100px;
    background: #369;
    display: none;
    text-align: center;
    color: #fff;
    font: bold 1.5em/100px Verdana, Tahoma, sans-serif;
}
input:checked ~ .block { display: block; }