JSFiddle - React, Tailwind, and code Playground

by ranasaani

HTML

<div id="facts">
         <blockquote class="fact visible">
           xxx  
        </blockquote>
         <blockquote class="fact">
            yyy
         </blockquote>
          <blockquote class="fact">
            zzz
             </blockquote>
         <blockquote class="fact">
           ooo
        </blockquote>
     </div>

JavaScript

$(document).ready(function() {  

$("div#facts").height(factMaxHeight);

    setTimeout("rotateSlide()",7000);      
});   

$('blockquote.fact').each(function () {
    if($(this).hasClass('visible')) {
        $(this).fadeOut(5000,function () { 
            $(this).removeClass('visible');
            $(this).next().setVis
        });
        if($(this).next().size()) {
            $(this).next().fadeIn(5000,function () {
                $(this).addClass('visible');
            });
        } else {
            $(this).parent().children().first().fadeIn(5000,function () {
                $(this).addClass('visible');
            });
        }
        return false
    }
}); 
    setTimeout("rotateSlide()",7000);