JSFiddle - React, Tailwind, and code Playground

HTML

↑ このResultを押せば動作確認出来ます

CSS

#infoBox{
  height: 20px;
  background-color:#ffffff;
  width:100%;
  display:none;
  text-align:center;
  border-bottom:#2BBAE4 1px solid;
}

JavaScript

function foo (bar) {
    if (jQuery("body").find("#infoBox").length == 0) {
		jQuery("body").prepend("<div id=\"infoBox\"></div>");
	} // END IF
	
	jQuery("body").find("#infoBox").text(bar).slideDown().delay(3000).slideUp();
}
foo('こんにちは！こんにちは！');