滑動來自不同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/