javascript jquery animate div移动向左滑动然后再返回

Question

我有一个滚动的div，其可见宽度是内容的一半。 （实际内容是宽度的两倍。）

我只是想要一个简单的javascript利用jquery（serialscroll插件真的太多了）来触发滚动以滑入查看下半部分的内容，然后再次单击滑动它。 （滑动的数量是静态的＃）

到目前为止，我有一个jsfiddle。最初的幻灯片可以使用，但是后退不会，然后它会完全停止工作。

http://jsfiddle.net/w7Uvj/1/

Answer 1

单独使用left（或仅使用right代替left和right fiddle

Answer 2

将您的第二个功能更改为：

$('.back').click(function() {    
    $('#maincol').animate({                
        'right':'-=400px'},750);
        $(this).fadeOut(500);
        $('.next').delay(600).fadeIn(500);
});​

<强> jsFiddle example

你也可以将正确的属性设置为0px（而不是 - = 400px）。