jQuery的DIV过渡

Question

我有一个列表中的链接和内容

<a href="#one">ORANGE</a> 
<a href="#two">BLUE</a> 
<a href="#three">PINK</a> 
<a href="#four">GREEN</a> 

<div id="hello"> 
    <section id="one">gfgfgfgf</section> 
    <section id="two">gfgfgfgf</section> 
    <section id="three">gfgfgfgf</section> 
    <section id="four">gfgfgfgf</section> 
</div>​ 

各自对应于内容部分的一个环节的几节。我想在点击相应的链接时从右侧滑动<section>。

我试过玩这个有点没有成功。我无法理解它背后的逻辑。这是我的尝试。

http://jsfiddle.net/5N3YK/

随时打电话给我笨，但请不要往下投我。我以不同的方式尝试了不同的结果，但我已经回到了最符合逻辑的意义上。

更新：我忘了原来的职位写 - 我想老一滑出，而新的以

Answer 1

滑动你可以做这样的：从完美http://jsfiddle.net/5N3YK/20/

远，不要使用它没有改变。这更像是一个例证，表明如何构建它，而不是现成的解决方案。

希望它有帮助，虽然，祝你好运！

Answer 2

简单的解决方案

http://jsfiddle.net/UDt7q/6/

，但不是最优的ofcourse。