jQuery | slideToggle() 方法

jQuery 中的slideToggle() 方法分别用于显示隐藏元素或隐藏可见元素，即它在slideUp() 和slideDown() 方法之间切换。

• slideDown() 在元素隐藏时运行。
• 当元素可见时运行 slideUp()。

句法：

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

参数：此方法接受如上所述和如下所述的三个参数：

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

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

示例：本示例显示或隐藏元素。

  

    
        jQuery slideToggle() Method
    
      
    
    
      
    
    
        $(document).ready(function() {
            $("button").click(function() {
                $("h1").slideToggle();
            });
        });
    

  

  
    
        GeeksforGeeks
    
  
    
        Click on button to hide/show content
    

  
                    

输出：

• 点击按钮前：
  
• 单击按钮后：
  
• 双击按钮后：