Javascript 来自不同分区的幻灯片内容，隐藏一个，显示另一个

我有一个带有

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>

第1页
第2页
第3页

---

当我点击菜单上的一个页面时，如何滑动平滑此内容，可能是从右到左或从上到下，这样我就可以隐藏“旧”页面并显示（推出）“新”页面。

看看这个，这里有一些很酷的效果

发布你的相关

加载内容

功能。。。不管怎样，看起来你想要手风琴…搜索jquery ui手风琴