jQuery | slideToggle() 方法
jQuery 中的slideToggle() 方法分别用于显示隐藏元素或隐藏可见元素,即它在slideUp() 和slideDown() 方法之间切换。
- slideDown() 在元素隐藏时运行。
- 当元素可见时运行 slideUp()。
句法:
$(selector).slideToggle()( speed, easing, callback )
参数:此方法接受如上所述和如下所述的三个参数:
- Speed:可选参数,用于指定淡入淡出效果的速度。速度的默认值为 400 毫秒。速度的可能值是:
- 毫秒
- “减缓”
- “快速地”
- easing:它是一个可选参数,用于指定元素到不同动画点的速度。缓动的默认值是“swing”。宽松的可能值是:
- “摇摆”
- “线性”
- 回调:它是可选参数。回调函数在slideToggle() 方法完成后执行。
下面的例子说明了 jQuery 中的 slideToggle() 方法:
示例:本示例显示或隐藏元素。
jQuery slideToggle() Method
GeeksforGeeks
输出:
- 点击按钮前:
- 单击按钮后:
- 双击按钮后: