从不同的div滑动内容，隐藏一个，显示另一个

Question

我有一个菜单loadContent，它加载了div #main中的页面，所以我只能更改内容并且菜单始终保留。

<ul> 
<li class="page1" onclick="loadContent('page1.php');">page1</li> 
<li class="page2" onclick="loadContent('page2.php');">page2</li> 
<li class="page3" onclick="loadContent('page3.php');">page3</li> 
</ul> 

我怎么能滑动顺畅此内容，当我点击菜单上的一个页面，可能是从右到左或从上到下，所以我可以隐藏的“老”页面，并显示（推出） “新”页面。

Answer 1

看看这个，这里还有一些很酷的效果http://jqueryui.com/effect/