JSFiddle - React, Tailwind, and code Playground

HTML

<a href="#" class="load">load message</a>

<div id="bar">Message.. (click to close)</div>
<div>

CSS

#bar {display:none;
    width:100%;background-color:orange;
text-align:center;}

JavaScript

$('.load').click(function() {
      $('#bar').css("display","block");
});

$('#bar').click(function() {
      $('#bar').css("display","none");
});