從不同的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/