JSFiddle - React, Tailwind, and code Playground

by j08691

HTML

<a class="header" href="#">All</a>
<ul class="menu">
    <li>All</li>
    <li>1</li>
    <li>2</li>
    <li>3</li>
    <li>4</li>
</ul>

CSS

html,body {
    height: 100%;
    margin:0;
}
body {
    background: #eee;
}

JavaScript

$('.header').click(function(e) {
  e.stopPropagation();
  $('.menu').toggle();
});
$('body').click(function() {
  $('.menu').hide();
});