JSFiddle - React, Tailwind, and code Playground

HTML

<div class="content">
  <div class="wrapper">бла бла бла</div>
</div>
  
<button onclick="show()">Показать</button>

CSS

.content {
  width: 300px;
  height: 200px;
  position: relative;
  overflow: hidden;
}

.wrapper {
  width: 300px;
  height: 200px;
  position: absolute;
  top: -200px;
  transition: top 0.5s;
}

JavaScript

function show() {
	document.querySelector('.wrapper').style.top = '0';
}