JSFiddle - React, Tailwind, and code Playground

HTML

<div id="frame">
	<div id="up">up</div>
	<div id="middle">middle</div>
</div>

CSS

#frame{
		position: relative;
		left:100px;
		top:100px;
		border-style: solid;
		border-width: 1px;
	}
  
  #middle
  {
    background-color:red;
  }
  
  

	#middle, #up {
		width:200px;
		height:200px;

	}

	#up{
		position:relative;
		top: 0;
        display:none;
	}

JavaScript

$('#middle').click(function () {
		$('#up').slideToggle();
	});