JSFiddle - React, Tailwind, and code Playground

by notjoelshapiro

HTML

<div id="popUp">
    <div>Filler text <br /> filler text2</div>
    <div id="formParent">
        <div id="form"></div>
    </div>
</div>
<input id="click" type="button" value="click me" />

CSS

#popUp{
    position: absolute;
    bottom: 0px;
    border: 1px solid black;
    padding: 10px;
}
#formParent{
    overflow:hidden;
    height: 0px;
}
#form{
    background-color: red;
    height: 25px;
    width: 25px;
}

JavaScript

$('#click').click(function(){
    alert(2);
    $("#formParent").css('height', '50');
});
});