JSFiddle - React, Tailwind, and code Playground
HTML
<div id='budgetTitle'>budgetTitle div</div>
<div id='staticBudget' class="clock hide">staticBudget div</div>
<div id='staticTitle'>staticTitle div</div>
<div id='budgetSpent'class="clock hide">BudgetSpent div</div>
CSS
div {
border: 1px solid red;
}
div.clock {
background: grey;
}
div.hide {
display: none;
}
JavaScript
function swapDivs () {
$('div').toggleClass('hide', 200);
}
$(function () {
setInterval(
function () {
swapDivs(); // show next div
},
3 * 1000
); // do this every 3 seconds
});