Repeating each >

by Akram kamal

HTML

<ul class="steps">
    <li>1</li>
    <li>2</li>
    <li>3</li>
    <li>4</li>
    <li>5</li>
</ul>

CSS

ul.steps li{ display:none}
ul.steps li.animation {
    background:red;
    color:white;
    display:block;
    border:1px solid green;
    padding-left:2em;
}

JavaScript

var lis = $(".steps li"),
    li = 0;
onetime();

function onetime() {
    lis.eq(li).addClass("animation").siblings().removeClass("animation")
    li++
    if (li > lis.length) li = 0
    setTimeout(onetime, 2050)
}