JSFiddle - React, Tailwind, and code Playground

by Marc

HTML

<div class="message show">Pizza is nice! <div class="go-away">x</div></div>

CSS

.message{display:none; visibility:hidden; background-color:#f00; color:#fff; padding:5px;}
  .message.show{display:block; visibility:visible;}
  .go-away{float:right; cursor:pointer; cursor:hand; margin-right:100px;}

JavaScript

$('.go-away').click(function() {
      $('.message').removeClass('show');
  });