滑动效果有滑入，滑出，还有切换滑动，另外还有显示，隐藏，和切换显示 … 这个视频我们来看一下这些效果 ..

还是使用之前的文档 … 打开它的脚本文件 … 滑入是把元素滑动显示出来 … 用到的方法是 .slideDown() … 从上往下滑入进来 … 把 .fadeIn() 都修改成 .slideDown() …

滑出的效果就是把元素滑动隐藏起来 　 … 方法是 .slideUp() ..

切换滑动的方法是 .slideToggle() …

保存 … 回到浏览器去试试 …

点击 隐藏 … 封面会从下往上滑动 …

点击 显示 … 封面会从上往下滑动出来 …

显示/隐藏

下面，我们再试一下显示，隐藏，还有切换显示 …

显示可以使用 .show() 方法 … 替换一下 ….

隐藏用的是 .hide() 方法 …

最后还有一个 切换显示 … 用的是 toggle() …

保存 … 回到浏览器 …

点击 隐藏 … 可以隐藏封面 … 点击 显示 .. 可以显示封面 　… 切换 … 可以切换显示封面 …