jQuery | slideDown() 方法

jQuery 中的slideDown() 方法用于检查所选元素的可见性或显示隐藏元素。它适用于两种类型的隐藏元素：

• 使用 jQuery 方法隐藏的元素。
• CSS 中使用 display: none 隐藏的元素。

句法：

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

参数：此方法接受上面提到和下面描述的三个参数：

• Speed：可选参数，用于指定淡入淡出效果的速度。速度的默认值为 400 毫秒。速度的可能值是：
  • 毫秒
  • “减缓”
  • “快速地”
• easing：它是一个可选参数，用于指定元素到不同动画点的速度。缓动的默认值是“swing”。宽松的可能值是：
  • “摇摆”
  • “线性”
• 回调：它是可选参数。回调函数在slideDown()方法完成后执行。

下面的例子说明了 jQuery 中的 slideDown() 方法：

示例：本示例使用 slideDown() 方法显示隐藏元素。

  

    
        jQuery slideDown() Method
    
      
    
    
      
    
    
        $(document).ready(function() {
            $(".geek").click(function() {
                $("h1").slideDown();
            });
        });
    

  

      
    
    
        GeeksforGeeks
    
  
    
        Click on button to slide down
    

  
                    

输出：
在点击按钮之前：

点击按钮后：