JSFiddle - React, Tailwind, and code Playground
HTML
<input type="button" Value="show" id="btnShow"/>
<input type="button" value="Hide" id="btnHide"/>
<div>Welcome To</div>
<div>To home</div>
CSS
div
{
background:yellow;
margin:3px;
width:300px;
font-weight:bold;
display:none;
float:bottom;
text-align:center;
}
JavaScript
$(document).ready(function(){
$("#btnShow").click(function () {
$("div:eq(0)").show("fast", function () {
//call the next element and show on the webpage.
$(this).next().show("fast", arguments.callee);
});
});
$("#btnHide").click(function () {
$("div").hide("slow");
});
});