jQuery slideDown()方法
jQuery中的slideDown()方法是用来检查所选元素的可见性或显示隐藏元素的。它适用于两种类型的隐藏元素。
- 使用jQuery方法隐藏的元素。
- 在CSS中使用display: none隐藏的元素。
语法:
$(selector).slideDown( speed, easing, callback )
参数:该方法接受上面提到的和下面描述的三个参数。
- speed:这是一个可选参数,用于指定渐变效果的速度。速度的默认值是400毫秒。速度的可能值是。
- milliseconds
- “slow”
- “fast”
- easing。它是一个可选的参数,用于指定元素在不同的动画点上的速度。缓和的默认值是 “摆动”。缓和的可能值是。
- “swing”
- “linear”
- callback。它是可选参数。该回调函数在slideDown()方法完成后执行。
下面的例子说明了jQuery中的slideDown()方法。
例子:这个例子通过使用slideDown()方法显示隐藏的元素。
<!DOCTYPE html>
<html>
<head>
<title>
jQuery slideDown() Method
</title>
<script src=
"https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js">
</script>
<!-- Script to illustrate slideDown() method -->
<script>
(document).ready(function() {
(".geek").click(function() {
$("h1").slideDown();
});
});
</script>
</head>
<body>
<!-- hide element using CSS -->
<h1 style = "display:none" >
GeeksforGeeks
</h1>
<button class="geek">
Click on button to slide down
</button>
</body>
</html>
输出: 在点击按钮之前:
点击按钮后: