JSFiddle - React, Tailwind, and code Playground

HTML

<input type="button" id="button" value="Click here">
<div id="wrap">
    <div id="content">Аз съм изкачащ прозорец с jquery :D</div>
</div>

CSS

#wrap {
    display:none;
    width:400px;
    position:absolute;
    bottom:0;
    background:#3d3d3d;
    padding:5px;
    left:50%;
    margin-left:-205px;
}
#content {
    width:100%;
    height:100%;
    background:#fff;
    text-align:center;
}

JavaScript

$("#button").click(function () {
    $("#wrap")
    .css({"display": "block"})
    .animate({
        bottom: "70%",
        height: "100px"
    }, 800)
    .animate({
        bottom: "-=20%"    
    }, 500);
});