JSFiddle - React, Tailwind, and code Playground

HTML

<div id="news">         
    <span>Latest News!</span>       
    <div>News1</div>
    <div>News2</div>
    <div>News 3</div>
</div>

JavaScript

$(document).ready(function() {
    $('#news div:gt(0)').hide();
    
    var swap = function(item) {
        setTimeout(function() {
            $(item).fadeOut(1000, function() {
                var next = $(item).next()[0];
                if (!next) {
                    next = $('#news div')[0];
                }
                
                $(next).fadeIn(1000, function() {
                    swap($(this)[0]);
                })
                    });
        }, 1000);
       
    };
    
    swap($('#news div')[0]);
});