JSFiddle - React, Tailwind, and code Playground

HTML

<ul id="scroll-set">
<li>Brentwood</li>
<li>Antioch</li>
<li>Pittsburg</li>
<li>Concord</li>
<li>Walnut Creek</li>
<li>Danville</li>
<li>San Ramon</li>
</ul>
<button id="button">go</button>

CSS

.imVisible { color: blue; }

JavaScript

$('#button').click(function() {
  var delay = 0;
  $('#scroll-set li').each(function() {
    var $li = $(this);
    setTimeout(function() {
      $li.addClass('imVisible');
    }, delay+=100); // delay 100 ms
  });
});