JSFiddle - React, Tailwind, and code Playground

HTML

<input type="button" value="слайдить верхний див">

<table class="wrap">
    <tr>
        <td class="top">А я аккордион</td>
    </tr>
    <tr>
        <td class="bottom">Я редактор</td>
    </tr>
</table>
Ghbkldjfgh jdfkghpjkg

CSS

html, body{
    height: 100%;
    margin: 0;
    padding: 0;
}
.wrap{
    width: 200px;
    height: 100%;
    margin: 0 auto;
    background: #ccc;
    border-spacing: 0;
}

.top{
    height: 100px;
    background: blue;
}

.bottom{
    background: green;
    height:100%;
}

JavaScript

$("input").click(function(){ $(".top").slideToggle(2000); });