JSFiddle - React, Tailwind, and code Playground

by japaneselanguagefriend

HTML

<!DOCTYPE html>
<html>
<head>

</head>
<body>

<div id="notifications-container">
<div id="notifications"></div>
<p>  Notifications</p>
</div>

</body>
</html>

CSS

*{
  margin: 0;
  padding: 0;
  }
#notifications { 
background:#de9a44;
margin:0; 
width:400px; 
height:300px; display:none; }

JavaScript

$(document.body).click(function () {

if ($("#notifications").is(":hidden")) {
$("div").slideDown("slow");
} 
else {
$("div#notifications").hide();
}

});