javascript - jquery onclick絶対位置移動をアニメーション化

Question

作ったばかりのこの「滑りやすい」ものをアニメーション化しようとしています。そして、jqueryに関しては幼児なので、問題があります。

これでうまくいくと思ったのですが、そうではありません。

$('ul').animate({.css('left', -600)}, "slow");

しかし、明らかにそれは機能していません

$('#slide-left').click(function(){
    $('ul').css('left', 0);

     return false;
});
$('#slide-right').click(function(){
     $('ul').css('left', -600);

     return false;
});
$('#back-right').click(function(){
    $('ul').css('left', -300);

     return false;
});
$('#back-left').click(function(){
    $('ul').css('left', -300);

     return false;
});

ここにフィドルhttp://jsfiddle.net/NePyd/3/