jquery - 内容滑动

Question

我有这个标记。

<ul>
  <li><a href="#">Home</a></li>
  <li><a href="#">About</a></li>
  <li><a href="#">Page</a></li>
</ul>

<section id="home">...</section>
<section id="about">...</section>
<section id="page">...</section>

如何为我的内容制作动画？单击关于链接时，主页部分向左移动并消失，然后关于部分来自右侧，并且关于页面部分此动画继续。考虑到我也想要反向动画，即当某人再次单击主页时，动画反转并再次显示主页部分..

提前致谢

Answer 1

您正在寻找所谓的Coda Slider Effect，Remy Sharp 在jQuery for Designers上有一个教程。