JSFiddle - React, Tailwind, and code Playground

HTML

<div id="message_bar">message</div>
<div id="show_message_bar"></div>

<script src="http://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.3/jquery.easing.min.js"></script>

JavaScript

$("#message_bar").slideDown("normal", "easeInOutBack");

$("#message_bar").click(function(){
  $(this).slideToggle("normal", "easeInOutBack", function(){
    $("#show_message_bar").slideToggle("normal", "easeInOutBack");
  });
});
$("#show_message_bar").click(function(){
  $(this).slideToggle("normal", "easeInOutBack", function(){
    $("#message_bar").slideToggle("normal", "easeInOutBack");
  });
});