链接显示特定的div，侧面有动画入口（在父级内）
我有一些与jQuery和html / css相关的问题。
我一直在做一个侧滚动div，包含几个div，其中链接指的是一个“较小”的div（它们的入口应该是动画的）。
我在互联网上找到了类似于我想要的东西： http ： //jsfiddle.net/NGL8P/21/不同之处在于我想要一个按钮链接到一个特殊的div（但动画应该基本相同）。
这是我到目前为止所做的版本： http ： //jsfiddle.net/jkUzF/2/
每个项目符号都应链接到其中一个div。 有15个按钮，但我现在只做了5个div。 五个div位于彼此之后（由于溢出而隐藏）它们不可见。
我的主容器（包含所有可见的东西）被称为： #mainsection looong div（应该向前和向后移动）被称为： #wrap那些应该有15个的div被称为： .container
编辑1：有人认为这是为了理解我想要的东西，所以我会尽量让它更清晰：
网站上有15个圆形按钮。 它们中的每一个都应链接到一个特定的DIV（目前包含一些lorem ipsum）。 这些DIV中的每一个都是相互排列的，但除非你改变溢出滚动，否则你看不到它们。 当我按下按钮时，我希望他们从侧面进来。 例如，当我按下“项目1”下的第3个按钮时，我希望包含lorem ipsum的第三个div从侧面进入。 当我按下第一个按钮时，我希望第一个Div从另一侧进入。 一切都应该是动画的，当我“跳过”div（从第1跳到第3）时，我希望那些我跳过的（在这种情况下，nr 2）只是快速“流动”。 那更好吗？
$("a.circle").click(function(e) { e.preventDefault(); var pos = $('a.circle').index(this); var newleft= -510 * pos; $("#wrap").animate({"left": newleft +"px"}, "slow"); });
我不知道发生了什么事，但有人必须在今晚的梦中跟我说话，因为当我醒来时，我就像是：“我必须尝试那样！”
我的问题的答案是使用此代码：
$("#button").click(function() { $('#shit_that_moves').animate({left:"-510px"}, 500); });