JSFiddle - React, Tailwind, and code Playground

HTML

<div class="clicker">
  siemka
</div>
<div class="serveraddcontainer">
    <div class="serveradd"></div>
</div>

CSS

body{
    overflow: hidden;    
}
.clicker{
  width: 100px;
  height: 100px;
}
.serveraddcontainer{
    width: 100%;
    height: 80px;
    position: absolute;
    bottom: -80px;
}

.serveradd{
    width: 400px;
    height: 80px;
    background-color: red; 
    margin: auto;
}

JavaScript

$('.clicker').click( function(){
 	$('.serveraddcontainer').animate({'bottom': '0'});
  setTimeout(function(){
      $('.serveraddcontainer').animate({'bottom': '-80px'});
  }, 3000);
});