JSFiddle - React, Tailwind, and code Playground

HTML

<button id="fadeOut">Start Fading</button><br>
<span>HELLO SELFHTML</span><span>HELLO WORLD</span><span>HELLO EARTH</span><span>FORTY-TWO</span>
<span>HELLO SELFHTML</span><span>HELLO WORLD</span><span>HELLO EARTH</span><span>FORTY-TWO</span>
<span>HELLO SELFHTML</span><span>HELLO WORLD</span><span>HELLO EARTH</span><span>FORTY-TWO</span>
<span>HELLO SELFHTML</span><span>HELLO WORLD</span><span>HELLO EARTH</span><span>FORTY-TWO</span>
<span>HELLO SELFHTML</span><span>HELLO WORLD</span><span>HELLO EARTH</span><span>FORTY-TWO</span>

<span>HELLO SELFHTML</span><span>HELLO WORLD</span><span>HELLO EARTH</span><span>FORTY-TWO</span>
<span>HELLO SELFHTML</span><span>HELLO WORLD</span><span>HELLO EARTH</span><span>FORTY-TWO</span>
<span>HELLO SELFHTML</span><span>HELLO WORLD</span><span>HELLO EARTH</span><span>FORTY-TWO</span>
<span>HELLO SELFHTML</span><span>HELLO WORLD</span><span>HELLO EARTH</span><span>FORTY-TWO</span>
<span>HELLO SELFHTML</span><span>HELLO WORLD</span><span>HELLO EARTH</span><span>FORTY-TWO</span>

<span>HELLO SELFHTML</span><span>HELLO WORLD</span><span>HELLO EARTH</span><span>FORTY-TWO</span>
<span>HELLO SELFHTML</span><span>HELLO WORLD</span><span>HELLO EARTH</span><span>FORTY-TWO</span>
<span>HELLO SELFHTML</span><span>HELLO WORLD</span><span>HELLO EARTH</span><span>FORTY-TWO</span>
<span>HELLO SELFHTML</span><span>HELLO WORLD</span><span>HELLO EARTH</span><span>FORTY-TWO</span>
<span>HELLO SELFHTML</span><span>HELLO WORLD</span><span>HELLO EARTH</span><span>FORTY-TWO</span>

<span>HELLO SELFHTML</span><span>HELLO WORLD</span><span>HELLO EARTH</span><span>FORTY-TWO</span>
<span>HELLO SELFHTML</span><span>HELLO WORLD</span><span>HELLO EARTH</span><span>FORTY-TWO</span>
<span>HELLO SELFHTML</span><span>HELLO WORLD</span><span>HELLO EARTH</span><span>FORTY-TWO</span>
<span>HELLO SELFHTML</span><span>HELLO WORLD</span><span>HELLO EARTH</span><span>FORTY-TWO</span>
<span>HELLO SELFHTML</span><span>HELLO WORLD</span><span>HELLO...

CSS

span { margin-right: 1em; }

JavaScript

let count = 0;
document.getElementById("fadeOut")
        .addEventListener('click', function() {
           count = 3;
           fadeOut();
        });

function fadeIn() {
   $("span").fadeIn(500);
   if (--count > 0) setTimeout(fadeOut, 500);
}
function fadeOut() {
   $("span").fadeOut(500);
   setTimeout(fadeIn, 500);
}