Question

I need a very simple jQuery to constantly scroll a list of text items up without using a plugin. I know this is probably fairly simple but I can’t find an example that I can use and I have already spent too much time on it at work.

No parameters will need to be changed by mouse hover or button click, so everything can be ran within document.ready and never touched again. My only request is that, ideally, it should be constantly looped.

Answer 1

In short:

function cycle($item, $cycler){
    setTimeout(cycle, 2000, $item.next(), $cycler);

    $item.slideUp(1000,function(){
        $item.appendTo($cycler).show();        
    });

}

cycle($('#cycler div:first'),  $('#cycler'));

With #cycler being the container with the divs that are to be cycled. See demo.