jQuery 的 slideup() 方法介绍

概述

jQuery 的 slideup() 方法用于以滑动方式向上折叠 DOM 元素。它也能够隐藏被选元素，同时可以改变元素高度，从而实现平滑的过渡效果。

语法

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

• selector: 规定要被折叠的选择器
• speed: 规定折叠的速度，可以使用毫秒或者 'slow', 'fast' 关键字。
• callback: 折叠完成后要执行的回调函数。

示例

HTML

<button>点击我折叠/展开下面的段落</button>
<p>这是一个段落。这是一个段落。这是一个段落。</p>

JavaScript

$(document).ready(function(){
  $("button").click(function(){
    $("p").slideUp();
  });
});

效果

点击按钮时，段落会以滑动方式向上折叠消失。

参数

speed 参数

speed 参数用于控制折叠的速度，提供的数值为以毫秒为单位的动画持续时间。我们可以通过以下的方式来指定速度。

• 'slow': 600 毫秒
• 'fast': 200 毫秒
• 数值：指定毫秒数，如 1000 毫秒。

callback 参数

callback 参数是一个回调函数，用于在折叠完成后执行自定义的动作。 例如，您可以在折叠完成后更改样式或切换类等。

总结

• slideUp() 方法用于以滑动方式向上折叠 DOM 元素。
• 可以通过 speed 参数来控制折叠速度。
• 可以通过 callback 参数在折叠完成后执行自定义动作。