JSFiddle - React, Tailwind, and code Playground

HTML

<body>
  <p id="hello">Click me, and nothing will happen. Click outside of me, and I'll vanish.</p>
</body>

CSS

article, aside, figure, footer, header, hgroup, 
  menu, nav, section { display: block; }
  #hello { background:#f1f1f1; color:red; padding:25p

JavaScript

$(document).click(function(){
 $("#hello").hide('slow'); 
});

$("#hello").click(function(e){
  e.stopPropagation(); 
});