JSFiddle - React, Tailwind, and code Playground

by riffaz

HTML

<ul class="list-6 ticker" >			
			<li>
				<h5>
                    list 1
				</h5>
			</li>	
    <li>
				<h5>
					list 2
				</h5>
			</li><li>
				<h5>
					list 3
				</h5>
			</li>
		</ul>

CSS

.ticker {
    height: 50px;
    overflow: hidden;
}

JavaScript

function tick(){
		$('.ticker li:first').slideUp( function () { $(this).appendTo($('.ticker')).slideDown(); });
	}
	setInterval(function(){ tick () }, 5000);