JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/dot-luv/jquery-ui.css">
Page Content Here<br />
Mote Page Content Here<br />
Even More Page Content Here<br />
<button>Test</button>

CSS

.topbar { 
    background: #990000; 
    border-bottom: solid 2px #EEE; 
    padding: 3px 0; 
    text-align: center; 
    color: white;
}

JavaScript

function topBar(message) {
    $("<div />", { class: 'topbar', text: message }).hide().prependTo("body")
      .slideDown('fast').delay(10000).slideUp(function() { $(this).remove(); });
}
var i = 0;
$("button").click(function() {
    topBar("Test Message " + i++);
});