JSFiddle - React, Tailwind, and code Playground

HTML

<div id="opentext">Показать текст полностью</div>
<div id="text">
    <p>Текст текст текст текст</p>
    <p>Текст текст текст текст</p>
    <p>Текст текст текст текст</p>
    <p>Текст текст текст текст</p>
</div>

CSS

#text {
    overflow: hidden;
    height: 50px;
    transition: 1s;
    outline: 1px solid red;
}

JavaScript

document.getElementById('opentext').onclick=open;
document.getElementById('text').style.height = "50px";
function open() {
    if (parseFloat(document.getElementById('text').style.height)<160) {
    document.getElementById('text').style.height='160px';
    }
    else {
    document.getElementById('text').style.height='50px';
    }
}