jQuery animate正在回溯每次点击

Question

我的主要功能区域有一个overflow:hidden，我正在制作一个内在的功能区域，以便浏览其中包含的一系列图像。每个图像都设置在533像素区域，这是我的功能的大小。我正在使用的代码位于：http://jsfiddle.net/5axhk/，它完美地运行。

$(function () {
    $("#button").click(function () {
        $("#innerfeature").animate({
            top: "-=533px"
        }, "slow");
        return false;
    });
});

<div id="container">
<div id="outerfeature">
<div id="innerfeature">
    <div id="content1"></div>
    <div id="content2"></div>
    <div id="content3"></div>
 </div>
 </div>
 <div id="button"></div>
 </div>

但是在我的网站上：http://carsonnevada.net/portfolio/quantum，当您点击两次时，它开始不再下降到533px了。