JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://ajax.microsoft.com/ajax/jquery.validate/1.7/jquery.validate.js"></script>
<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.4/themes/ui-lightness/jquery-ui.css">
<div id='step_1'>one</div>
<div id='step_2'>two</div>
<div id='step_3'>three</div>
<div id='step_4'>four</div>

CSS

div {
    width: 100px;
    heigth: 100px;
    color:white;
    background: orange;
}

JavaScript

var current_index = 1;

function selectNextStep() {
    $("#step_" + current_index).fadeOut('slow', function() {
        current_index++;
        if (current_index > 4) current_index = 1;
        $("#step_" + current_index).fadeIn('slow');
    });
}

$(document).ready(function() {
    $('div:gt(0)').hide();
    setInterval(selectNextStep, 3000);
});