Прокрутка списка с помощью jQuery animate

Question

Ниже приведена моя попытка анимировать список элементов. Однако все, кроме анимации, работает так, как должно. Каждый раз, когда я нажимаю, он перемещает элементы списка на 80 пикселей, но не полностью анимируется. Что я делаю не так?

$('#nav_up').on('click', function() { 
    $('#block_nav ul').animate({ 
     top: $('#block_nav ul').offset({top: $('#block_nav ul').offset().top - 80}) 
    }, 'slow'); 
}); 

UPDATE: ссылка на jsfiddle http://jsfiddle.net/75SN4/1/

Answer 1

Обновление кода JQuery следующим образом:

$(document).ready(function() { 
    $('#nav_up').on('click', function() { 
     $('#block_nav ul').animate({ top: '-=80' }, 'slow'); 
     console.log($('#block_nav ul').offset()); 
    }); 
}); 

См рабочий jsFiddle demo.