JSFiddle - React, Tailwind, and code Playground

by Axelvaisper

HTML

<button>Зажми и держи меня</button>
<div class="one"></div>

<label for="ch">Нажми меня</label>
<input id="ch" type="checkbox">
<div class="two"></div>

CSS

div {
    background: #000;
    width: 100px;
    height: 50px;
    transition: height 0.3s linear;
}
button:active + div, input:checked + div {
    height: 100px;    
}