JSFiddle - React, Tailwind, and code Playground

HTML

<div id="quote1">
  <span class="quote">I am a quote</span>
  <span class="author">Author Name</span>
</div>

<div id="quote2" hidden>I am another quote</div><span>

<div id="quote3" hidden>I am yet another quote</div><span>

JavaScript

window.setInterval(function () {
    window.setTimeout(function () {
        $('#quote1').show('slow').delay(3000);
    }, 0);
    window.setTimeout(function () {
        $('#quote2').show('slow').delay(3000).hide('fast').delay(6000);
    }, 3000);
    window.setTimeout(function () {
        $('#quote3').show('slow').delay(3000).hide('fast').delay(6000);
    }, 6000);
}, 3000);