JSFiddle - React, Tailwind, and code Playground

by John Grivas

HTML

<section id="student-blocks">
            <div>
                <h2 class="animated fadeUp">News Item #1</h2>
                <p "animated fadeIn">lorem</p>
            </div>
            <div>
                <h2 class="animated fadeUp">News Item #2</h2>
                <p "animated fadeIn">lorem</p>
            </div>
            <div>
                <h2 class="animated fadeUp">News Item #3</h2>
                <p "animated fadeIn">lorem</p>
            </div>
        </section>

JavaScript

//alert($("#student-blocks1" ,"div:first-of-type" ));
var studentsblocks = $("#student-blocks");
var el = studentsblocks.find("div:first");
$(studentsblocks).find("div:gt(0)").hide();
    setInterval(function ()
    {
        el
        .hide()
        .next()
        .fadeIn()
        .end()
        .appendTo(studentsblocks);
    }, 4000);