JSFiddle - React, Tailwind, and code Playground

by Talsja

HTML

<button id="open">open</button>
<button id="close">close</button>
<div id="textselector-body">
    a<br/>
    b<br/>
    c<br/>
</div>

CSS

#textselector-body{
    width:400px;
    border:1px #000 solid;
    margin:0;
    padding:0;
    overflow:hidden;
}

JavaScript

$(document).ready(function(){
    $("#open").click(function(){
        $("#textselector-body").slideDown(1000);
    });
    $("#close").click(function(){
        $("#textselector-body").slideUp(1000);
    });
});