JSFiddle - React, Tailwind, and code Playground

by mori57

HTML

<blockquote class="quotelist" id="rotator-container">
  <div class="quote">
    Best explanation I've ever received on these topics.
  </div>
  <div class="quote">
    This was seriously outstanding! This speaker has a great understanding of inpatient and outpatient software, delivery systems, discharge counseling that may be different from what may/not be covered by insurance plans in outpatient setting, etc., pharmacists
    and nursing errors in general: a very broad understanding of where things go wrong.
  </div>
  <div class="quote">
    Excellent! I have a much greater understanding.
  </div>
</blockquote>

JavaScript

$elements = $('.quotelist > div');
$elements.hide();
var $cur = $elements.first();
$cur.show();

setInterval(function() {
  $cur.hide();
  $next = $cur.next(".quote");

  if ($next.length == 0) {
    $elements.hide();
    $cur = $elements.first();
    $cur.slideDown();
  } else {
    $next.slideDown();
    $cur = $next;
  }
}, 2000);