解释 jQuery 中的滑动切换方法

幻灯片切换（） 是 jQuery 中的一种方法，它可以替代两个单独的方法，即slideUp()和slideDown() 。

这实际上与元素的 CSS display属性一起使用并为其提供轻微的动画。如果元素具有“ display:none ”，则slideDown()功能被切换，如果 display 设置为任何其他属性，则 slideUp()进入图片。

句法：

$().slideToggle(,,);

参数：可以向函数传递多个参数，例如动画的速度、缓动属性的类型（摆动和线性）以及回调函数。

• speed：速度参数的默认值为400毫秒。这是一个可选参数。其他选项是“快”和“慢”。
• ease_property：该 默认属性是“swing”和“linear”。这也是一个可选参数。
• callback_function：这必须由用户定义，这也是一个可选参数。

示例 1：以下示例演示了slideToggle()方法。

HTML

  

    slideToggle functionality
    
    

  

    Welcome To GFG
  
    toggle
  
    geeksforgeeks.org
  
    
        $("#slide-toggle").on("click", function () {
            $("#textbox").slideToggle();
        });
    

  

输出：

示例 2：以下示例代码演示了slideToggle()方法中参数的使用。

HTML

  

    slideToggle functionality
    
    

  

    Welcome To GFG
  
    toggle
  
    geeksforgeeks.org
  
    
        $("#slide-toggle").on("click", function () {
            $("#textbox").slideToggle(3000, "swing", function () {
                alert("slide toggle clicked");
            });
        });
    

  

输出：

这就是slideToggle()函数的工作原理，这些通常对正常工作的网站很有用。如果我们想创造一种美感，这个函数不是很有用，因为动画不是很流畅。