JSFiddle - React, Tailwind, and code Playground

HTML

<button id="clickme">click</button>
<div id="cart">blub</div>

CSS

div {
    width: 200px;
    height: 100px;
    background-color: red;
}

JavaScript

$(function(){
    var $cart = $('#cart');
    
    $('#clickme').click(function(e) {
     e.stopPropagation();
        
   if ($cart.is(":hidden")) {
       $cart.slideDown("slow");
   } else {
       $cart.slideUp("slow");
   }
});

$(document.body).click(function () {
   if ($cart.not(":hidden")) {
       $cart.slideUp("slow");
   } 
});
});