JSFiddle - React, Tailwind, and code Playground

by snover

HTML

<div id="menu">
    <div id="element-center">Nunc pellentesque, dolor quis fermentum feugiat, turpis erat congue mauris, quis adipiscing tellus libero ac dolor. Vivamus mattis condimentum mauris, nec congue lectus dapibus sit amet. Donec sed dui eget sapien tincidunt faucibus non vel turpis. Duis at felis a ante pretium pretium. In tincidunt, metus non fermentum sagittis, nisi turpis hendrerit ipsum, et molestie velit quam nec orci.</div>
    <span>&nbsp;</span>
    <a>Show</a>
</div>

CSS

#menu {
    background-color: #E4F2FD;
    position: absolute;
    width: 100%;
    padding: 10px;
}

#element-center {
    display: none;  
}

#menu > span {
    position: absolute;
    bottom: -21px;
    width: 100%;
    height: 20px;
    background-color: #666;
    opacity: 0.4;
}

JavaScript

$('a').click(function () {
    $('#element-center').slideToggle();
});