SO - 22703829

by Manju06

HTML

<div class="container">
    <div id="inner"></div>
    <div id="right-col">
        <ul id="intro">
            <li id="greeting">
                 <h2> sometext </h2> 
            </li>
            <li id="sidenote">
                 <h6>  sometext </h6> 
            </li>
            <li id="sentence">
                 <h3>  sometext </h3> 
            </li>
            <li id="sentence">
                 <h3>  sometext</h3> 
            </li>
            <li id="sentence">
                 <h3>  sometext</h3> 
            </li>
        </ul>
    </div>
</div>

JavaScript

function startAnimations() {
    $("#intro li").hide();

    function loop() {
        var $li = $("#intro li:first-child").fadeIn(3000, function () {
            $li.fadeOut(3000, function () {
                $li.appendTo('#intro');
                loop()
            })
        });
    }
    loop()
}

startAnimations();