jQuery 效果 – 滑动

在 jQuery 中，您可以使用以下方法来实现元素的滑动效果：

1. slideDown() 方法：

用于将已隐藏的元素向下滑动显示。

$(selector).slideDown(speed, callback);

• speed（可选）：动画持续时间，可以是 "slow"、"fast" 或以毫秒为单位的数值。
• callback（可选）：动画完成后执行的回调函数。

示例：

$("#flip").click(function() {
  $("#panel").slideDown();
});

在上述示例中，点击 #flip 元素时，#panel 元素会向下滑动显示。

2. slideUp() 方法：

用于将可见的元素向上滑动隐藏。

$(selector).slideUp(speed, callback);

示例：

$("#flip").click(function() {
  $("#panel").slideUp();
});

在上述示例中，点击 #flip 元素时，#panel 元素会向上滑动隐藏。

3. slideToggle() 方法：

用于在 slideDown() 和 slideUp() 之间切换元素的显示状态。

$(selector).slideToggle(speed, callback);

示例：

$("#flip").click(function() {
  $("#panel").slideToggle();
});

在上述示例中，点击 #flip 元素时，#panel 元素会在显示和隐藏之间切换。

更多关于 jQuery 滑动效果的详细信息，请参考 菜鸟教程。