基于变量选择的动画范围

Question

是否有办法根据ul？

中的选择为div中的span设置动画

我使用了无序列表来创建导航。

我认为选择li将改变一个全局变量，并且我可以使用jQuery根据我的变量所说的内容来设置div中的span的动画？

JSFiddle：http://jsfiddle.net/43rt2/

<ul id='nav'>
    <li id='a'>First</li>
    <li id='b'>Second</li>
    <li id='c'>Third</li>
</ul>

<div id='container'>
    <div class='page' id='first'>Content From 'a'</div>
    <div class='page' id='second'>Content From 'b'</div>
    <div class='page' id='third'>Content From 'c'</div>
</div>

我希望内容容器根据当前选择的“li”从左向右滑动。我只是不知道我应该在什么方向看。

我不希望你为我这样做，而是向Google提示某种类型的语法。