jQuery slideToggle() 方法
示例
切换所有 <p> 元素的 slideUp() 和 slideDown() 效果
$("button").click(function(){
$("p").slideToggle();
});
自己动手试一试 »
定义和用法
slideToggle() 方法在选定元素之间切换 slideUp() 和 slideDown()。
此方法会检查选定元素的可见性。如果元素隐藏,则运行 slideDown()。如果元素可见,则运行 slideUp() - 这会创建切换效果。
语法
$(selector).slideToggle(speed,easing,callback)
参数 | 描述 |
---|---|
speed | 可选。指定滑入效果的速度。默认值为 400 毫秒 可能的值
|
easing | 可选。指定动画不同点的速度。默认值为 "swing" 可能的值
|
callback | 可选。在 slideToggle() 方法完成后执行的函数 要了解更多关于 callback 的信息,请访问我们的 jQuery Callback 章节 |
亲手尝试 - 示例
slideToggle() - 使用 speed 参数
如何使用 speed 参数指定滑入效果的速度。
slideToggle() - 使用 callback 参数
在 slideUp() 和 slideDown() 之间切换时如何使用 callback 参数。