JSFiddle - React, Tailwind, and code Playground
HTML
<p>Click me!</p>
<div>Absolute positioning: <span style="position:absolute;" class="feedback"></span></div>
<div>Static positioning: <span style="position:static;" class="feedback"></span></div>
CSS
.feedback {display: none; margin-left: 20px;}
JavaScript
$(function(){
var feedback = $(".feedback");
$("p").click(function(){
save();
});
function save(){
//stop all running animations
feedback.text('Saving...').fadeIn(function(){
feedback.text('Saved!').fadeOut(2000);
});
}
});