JSFiddle - React, Tailwind, and code Playground

by nirmaljpatel

HTML

<button>Toggle</button>

<div id="menu">Hello</div>

CSS

#menu::before {
    content: '';
    display: block;
    width:0;
    height:0;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-bottom: 20px solid black;
    
    position: absolute;
    top: 20px;
    left: 10px;
}

#menu{
    border: solid 5px;
    border-radius: 5px;
}

JavaScript

$("button").click(function () {
    $("#menu").toggle('slow', function(){});
});