JSFiddle - React, Tailwind, and code Playground

by Dmitry Nazarov

HTML

<div class="block">
  <div class="text-toggle" tabindex="0">
    Я люблю овый год! В этот день случаются чудеса. Я желаю вам в новом году успехов, счастья, любви, много репутации на StackOverflow, новых проэктов и конечно же денег. С наступающим! Я люблю овый год! В этот день случаются чудеса. Я желаю вам в новом году успехов, счастья, любви, много репутации на StackOverflow, новых проэктов и конечно же денег. С наступающим! Я люблю овый год! В этот день случаются чудеса. Я желаю вам в новом году успехов, счастья, любви, много репутации на StackOverflow, новых проэктов и конечно же денег. С наступающим!
  </div>
</div>

CSS

.button-toggle {outline: none;}
.text-toggle {
  display: block;
  height: 100px;
  padding: 5px;
  margin-top: 5px;
  outline: none;
  overflow: hidden;
}
.text-toggle:focus, button-toggle:focus ~ .text-toggle {height: auto;}