Simple Animate - Hide & Show Divs

Simple Animate - Hide & Show Divs

by Nirvanachain

HTML

<div class="container">
    <div>One</div>
    <div>Two</div>
    <div>Three</div>
    <div>Four</div>
    <div>Five</div>
</div>

CSS

.container div {
    display: none;
    border: 1px solid #000000;
    width: 100px;
    padding: 40px 0;
    text-align: center;
    margin: 0 auto;
}

.container div:first-child {
    display: block;
}

JavaScript

function animateIt () {
    var container = document.querySelector('.container');
    var box = document.querySelector('.container div');

    container.appendChild(box);
    
};

setInterval( animateIt, 1000 );