Question

I have a really simple jQuery problem (I guess). But im totally new to jQuery and having a hard time to solve this.

i have a list

<ul>
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
<li>Item 4</li>
</ul>

Every 5 secs i would like to rotate this. So every item moves up (the first one gets to the last place).

Which is the easiest way to solve this?

Answer 1

setInterval(function () {
  $("ul").append( $("ul li:first") );
}, 5000);

You should give the <ul> an ID to make it unambiguous. See it in action.