jQuery 效果 - 滑动
jQuery 的滑动方法可以向上或向下滑动元素。
点击此处滑动面板展开/折叠
因为时间宝贵，我们提供快速简便的学习。
在 W3Schools，您可以用便捷易懂的方式学习所有您需要掌握的知识。
示例
jQuery slideDown()
演示 jQuery slideDown() 方法。
jQuery slideUp()
演示 jQuery slideUp() 方法。
jQuery slideToggle()
演示 jQuery slideToggle() 方法。
jQuery 滑动方法
使用 jQuery，您可以为元素创建滑动效果。
jQuery 具有以下滑动方法
slideDown()slideUp()slideToggle()
jQuery slideDown() 方法
jQuery slideDown() 方法用于向下滑动一个元素。
语法
$(选择器).slideDown(速度,回调函数);
可选的 speed 参数指定了效果的持续时间。它可以接受以下值：“slow”（慢）、“fast”（快）或毫秒。
可选的回调函数参数是在滑动完成后执行的一个函数。
下面的示例演示了 slideDown() 方法
jQuery slideUp() 方法
jQuery slideUp() 方法用于向上滑动一个元素。
语法
$(选择器).slideUp(速度,回调函数);
可选的 speed 参数指定了效果的持续时间。它可以接受以下值：“slow”（慢）、“fast”（快）或毫秒。
可选的回调函数参数是在滑动完成后执行的一个函数。
下面的示例演示了 slideUp() 方法
jQuery slideToggle() 方法
jQuery slideToggle() 方法在 slideDown() 和 slideUp() 方法之间切换。
如果元素已被向下滑动，slideToggle() 将会向上滑动它们。
如果元素已被向上滑动，slideToggle() 将会向下滑动它们。
$(选择器).slideToggle(速度,回调函数);
可选的速度参数可以取以下值：“slow”（慢）、“fast”（快）、毫秒。
可选的回调函数参数是在滑动完成后执行的一个函数。
下面的示例演示了 slideToggle() 方法
jQuery 练习
jQuery Effects 参考
要查看所有 jQuery 效果的完整概述，请访问我们的 jQuery 效果参考。
