jQuery效果 slideToggle() 方法(在隐藏和显示之间切换)
发布时间：2013-06-29 编辑：jiaochengji.com
slideToggle() 方法通过使用滑动效果（高度变化）来切换元素的可见状态。
slideToggle() 方法通过使用滑动效果（高度变化）来切换元素的可见状态。
实例
通过使用滑动效果，在显示和隐藏状态之间切换 <p> 元素：
$(".btn1").click(function(){
$("p").slideToggle();
});
定义和用法
slideToggle() 方法通过使用滑动效果（高度变化）来切换元素的可见状态。
如果被选元素是可见的，则隐藏这些元素，如果被选元素是隐藏的，则显示这些元素。
语法
$(selector).slideToggle(speed,callback)参数 描述
speed 可选。规定元素从隐藏到可见的速度（或者相反）。默认为 "normal"。
可能的值：
毫秒 （比如 1500）
"slow"
"normal"
"fast"
在设置速度的情况下，元素在切换的过程中，会逐渐地改变其高度（这样会创造滑动效果）。
callback 可选。toggle 函数执行完之后，要执行的函数。
如需学习更多有关 callback 的内容，请访问我们的 jquery Callback 这一章。
除非设置了 speed 参数，否则不能设置该参数。
提示和注释
提示：如果元素已经隐藏，则该效果不产生任何变化，除非规定了 callback 函数。
通过使用滑动效果，在显示和隐藏状态之间切换 <p> 元素：
复制代码 代码如下:
$(".btn1").click(function(){
$("p").slideToggle();
});
定义和用法
slideToggle() 方法通过使用滑动效果（高度变化）来切换元素的可见状态。
如果被选元素是可见的，则隐藏这些元素，如果被选元素是隐藏的，则显示这些元素。
语法
$(selector).slideToggle(speed,callback)参数 描述
speed 可选。规定元素从隐藏到可见的速度（或者相反）。默认为 "normal"。
可能的值：
毫秒 （比如 1500）
"slow"
"normal"
"fast"
在设置速度的情况下，元素在切换的过程中，会逐渐地改变其高度（这样会创造滑动效果）。
callback 可选。toggle 函数执行完之后，要执行的函数。
如需学习更多有关 callback 的内容，请访问我们的 jquery Callback 这一章。
除非设置了 speed 参数，否则不能设置该参数。
提示和注释
提示：如果元素已经隐藏，则该效果不产生任何变化，除非规定了 callback 函数。
您可能感兴趣的文章：
jQuery效果 slideToggle() 方法(在隐藏和显示之间切换)
jquery显示和隐藏div特效实例
jQuery的显示和隐藏方法与css隐藏的样式对比
jquery之超简单的div显示和隐藏特效demo(分享)
Jquery中slideToggle()与toggleClass()用法
jquery必须知道的一些常用特效方法及使用示例(整理)
jQuery实现显示与隐藏div
jquery实现div层的隐藏或显示
40个有创意的jQuery图片、内容滑动及弹出插件收藏集之一
jQuery学习基础知识小结
[关闭]