<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
    $('#prev').click(function(){
        $('li:last').detach().prependTo('ul').css({'margin-top':'-=100px'})
        $('li:first').stop().animate({'margin-top':'0px'},1000)
    })

    $('#next').click(function(){
        $('li:first').stop().animate({'margin-top':'-=100px'},1000,function(){
            $(this).detach().css({'margin-top':'0px'}).appendTo('ul')
            })
    })
})
</script>