JSFiddle - React, Tailwind, and code Playground

by sensei

HTML

<div id="button">НАЖМИ НА МЕНЯ</div>
<div id="first">
сли a равно нулю, то оно не пишется и запись сокращается до b. Если b равно нулю, то оно также не указывается и выражение записывается в форме an. a и b могут быть отрицательными числами, в этом случае знак плюс меняется на минус, например: 5n-1. За счет использования отрицательных значений a и b некоторые результаты могут также получиться отрицательными или равными нулю.
</div>

<div id="second">
    сли a равно нулю, то оно не пишется и запись сокращается до b. Если b равно нулю, то оно также не указывается и выражение записывается в форме an. a и b могут быть отрицательными числами, в этом случае знак плюс меняется на минус, например: 5n-1. За счет использования отрицательных значений a и b некоторые результаты могут также получиться отрицательными или равными нулю. 
</div>

CSS

#first {
    width: 40%;
    height: 340px;
    
    float: right;
    padding: 5%;    
    
    border: 1px solid #aaa;
    border-left: none;
}

#second {
    1height: 350px;
    
    padding: 5%;
    overflow: hidden;
    
    border: 1px solid #aaa;
}

#button{
    width: 150px;
    margin: 50px auto;
    
    text-align: center;
    border: 1px solid #aaa;
    cursor: pointer;
}

JavaScript

$(document).ready(function(){
    $("#button").click(function(){
        $(this).next("#first").slideToggle(500);
    });
});