JSFiddle - React, Tailwind, and code Playground

HTML

<div id="block-body">

    <div id="block-text">

        <div id="size-text">
<p>
Если вы заинтересовались созданием своего бизнеса с нуля, то у вас есть один большой плюс – желание открыть свое дело и большой минус отсутствие достаточных средств для открытия полноценного пусть и малого бизнеса. Давайте разберемся, как использовать плюс и избавиться от минуса. Я могу предложить, как минимум пару способов как открыть свой бизнес практически с нуля, точнее как с нуля заработать на открытие своего бизнеса. Все-таки имея в кармане 5 копеек, бизнес не откроешь, одна регистрация себя в качестве индивидуального предпринимателя обойдется около 1000 рублей.
</p>

<p>
Итак, если есть желание заняться бизнесом будем зарабатывать на его открытие. Это можно делать, работая на основной работе и откладывая средства, но что делать если вы потеряли работу или зарплата слишком маленькая? Выход есть, посмотрите вокруг, деньги можно заработать буквально из воздуха, а если вы что-то хорошо умеете делать, процесс заработка пойдет еще быстрее.
</p>

<p>
К примеру, вы живете в небольшом городе или даже в поселке. Дары леса не только могут прокормить, но и дадут необходимый первоначальный капитал для своего дела. Грибы, ягоды, рыба, все это можно собрать и потом продать или сдать в фирмы, занимающиеся приемом ягод и грибов.
</p>

<p>
Умение мастерить, работать руками, можно с выгодой использовать для производства и последующей реализации сувениров. Готовые изделия можно как сдавать в сувенирные магазины и лавки, так и продавать самому через специализированные сайты в Интернете.
</p>

<p>
Доступ в Интернет и умение писать, делать дизайн, программировать, создавать сайты открывают широкие возможности зарабатывать сотни и даже тысячи долларов даже школьнику.
</p>
        </div>


    </div>
    <div id="text-tab" ><p>Раскрыть</p></div>


</div>

CSS

body{
    background-color: white;
}
#block-body{
    width: 700px;
    margin: 50px auto;
}
#block-text{
    border-bottom: 1px solid #C3C3C3;
    height: 180px;
    overflow: hidden;
}
#size-text p{
    margin-top: 10px;
    margin-bottom: 10px;
    font: 17px sans-serif;
}
#text-tab{
    position: absolute;
    width: 120px;
    height: 30px;
    border-top: 1px solid #C3C3C3;
    border-left: 1px solid #C3C3C3;
    border-right: 1px solid #C3C3C3;
    background-color: white;
    margin-top: -31px;
    margin-left: 290px; 
    cursor: pointer;  
}
#text-tab p{
    text-align: center;
    font: 14px Verdana, Geneva, sans-serif ;
	color: #00F;
    margin: 8px 0;  

}

JavaScript

var sizetext = $('#size-text').height()+35;
  $('#text-tab').toggle(
       function() {
            $('#block-text').animate({'height':sizetext},350); 
            $('#text-tab > p').html("Скрыть");
       },
       function() {
            $('#block-text').animate({'height':'180'},350);
            $('#text-tab > p').html("Раскрыть");
       }
    );