Question

I have created a list item which rotates but I would like to introduce two buttons to control the list. The first button should basically let the list-item move upwards and the second bottom should do the reverse, that is let the list-items slide down.

This is the code i am using to rotate the list is here

Thanks

Answer 1

split give the buttons two classes .up and .down and attach the events

working version on fiddle here or here

$(".up").click(function(){
    $("ul li:first").slideUp('slow', function () {
         $("ul li:last").after($(this));
    }).slideDown('slow');
});

$(".down").click(function(){
    $("ul li:last").slideUp('slow', function () {
         $("ul li:first").before($(this));
    }).slideDown('slow');
});