JSFiddle - React, Tailwind, and code Playground

by Alex Slepenkov

HTML

<input type="checkbox" id="tog"><label for="tog">Расскрыть список</label>
<div class="drop">
123123
</div>

CSS

#tog{
  display:none;
}
label{
  cursor:pointer;
}
.drop{
  border:0px solid black;
  height:0;
  transition:0.5s all ease-in;
  opacity:0;
}
input:checked ~.drop{
  height:100px;
  border:1px solid black;
  opacity:1;
}