JSFiddle - React, Tailwind, and code Playground
HTML
<p>I am <span>Something</span><span class="hidden">Test22222</span>
</p>
CSS
.hidden {
display:none;
}
span {
position: absolute;
left:45px;
top:10px;
}
p {
width:200px;
border:1px solid #000;
padding:10px;
position:relative;
}
JavaScript
$(document).ready(function() {
// run the fade() function every 2 seconds
setInterval(function(){
fade();
},2000);
// toggle between fadeIn and fadeOut with 0.3s fade duration.
function fade(){
$("span").fadeToggle(300);
}
});