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/

但不是最佳的。