JSFiddle - React, Tailwind, and code Playground

HTML

<div class="container">
    <div id="msgContainer" class="msg">
        <p>Message here</p>
        <p>T2</p>
        <p>T4</p>
    </div>
    Test text
</div>

<button class="test">Click</button>

CSS

.container{
    position: relative;
    height: 200px;
    width: 400px;
    border: solid 1px #222;
}

.msg{
    position:absolute;
    display:none;
    background-color: #FEEFB3;
    height: auto;
    width: 100%;
    overflow: hidden;
 
}

.msgShow{
    height: auto;
}

JavaScript

$('.test').on('click',function(){
  $('#msgContainer').slideToggle('slow');
});