JSFiddle - React, Tailwind, and code Playground

HTML

<header>
    <span id="click-me-relative">Relative</span>
  
    <div id="absolute">Absolutewe</div>
</header>
<div></div>

CSS

div {
    width: 200px;
    height: 300px;
    border: 1px solid black;
}

header {
    border: 1px solid black;
}

span {
    background-color: #dedede;
}

#relative, #absolute {
    background-color: blue;
    height: 100px;
    width: 200px;
    display: none;
}

#relative { position: relative; }
#absolute { position: absolute; }

JavaScript

$(function() {
    $('#click-me-relative').click(function() {
        $('#relative').slideToggle();
    });
    
    $('#click-me-absolute').click(function() {
        $('#absolute').slideToggle();
    });
});