JSFiddle - React, Tailwind, and code Playground

by hescano

HTML

<div id="1" style="background-color:red">Content 1</div>
<div id="2" style="background-color:yellow">Content 2</div>
<div id="3" style="background-color:green">Content 3</div>
<div id="4" style="background-color:orange">Content 4</div>
<div id="5" style="background-color:blue">Content 5</div>
<div id="6" style="background-color:green">Content 6</div>
<div id="7" style="background-color:yellow">Content 7</div>
<div id="8" style="background-color:orange">Content 8</div>
<div id="9" style="background-color:green">Content 9</div>
<div id="10" style="background-color:silver">Content 10</div>

JavaScript

$("#1").hide("slow",function(){
    $("#2").show("slow",function(){
        $("#3").hide("slow",function(){
            $("#4").show("slow",function(){
                $("#5").hide("slow",function(){
                    $("#6").show("slow",function(){
                        $("#7").hide("slow",function(){
                            $("#8").show("slow",function(){
                                $("#9").hide("slow",function(){
                                    $("#10").show("slow");
                                });
                            });
                        });
                    });
                });
            });
        });
    });
});