JSFiddle - React, Tailwind, and code Playground

by Thiago Diniz

HTML

<div class="menu-user">
    <div class="container"></div>
</div>
<div class="menu-user-button">Atendimento</div>

CSS

* {
    margin:0 auto;
    padding:0;
    font-family:sans-serif;
}
.menu-user {
    height:250px;
    width:100%;
    float:left;
    background-color:#303030;
    border-bottom:2px solid #337BFF;
    display:none;
}
.menu-user-button {
    margin:0 auto;
    text-align:center;
    background-color:#337BFF;
    padding:5px;
    color:#FFF;
}

JavaScript

$(document).ready(function () {
    $(".menu-user-button").bind("click", function () {
        $(".menu-user").slideToggle("slow");
    });
});