JSFiddle - React, Tailwind, and code Playground
by Teuta Koraqi
HTML
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<div id="review-1">Test 1</div>
<div id="review-2">Test 2</div>
<div id="review-3">Test 3</div>
JavaScript
$(document).ready(function() {
var divs = $('div[id^="review-"]').hide(),
i = 0;
function cycle() {
divs.eq(i).fadeIn(400).delay(1000).fadeOut(400, cycle);
i = ++i % divs.length;
}
});