JSFiddle - React, Tailwind, and code Playground
HTML
<a class="dashboard-button" href="#">Menu</a>
<div class="navbar-dashboard">
Item 1<br>Item 2<br>Item 3<br>Item 3<br>
</div>
CSS
.navbar-dashboard {
display:none;
}
.active {
display:block;
}
JavaScript
$(".dashboard-button").click(function(){
if ($(".navbar-dashboard").hasClass("active")) {
$(".navbar-dashboard").removeClass("active");
} else {
$(".navbar-dashboard").addClass("active");
}
});