jQuery效果 slideToggle() 方法(在隐藏和显示之间切换)

 更新时间:2011年06月28日 00:33:39   作者:  
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 函数。

相关文章

  • jQuery Dialog 弹出层对话框插件

    jQuery Dialog 弹出层对话框插件

    网上这种插件很多,但是没一个合适的,大部分都做得很大,功能齐全。于是自己做了这个小插件,顺便学习下jQuery插件的写法。
    2010-08-08
  • jQuery阻止事件冒泡具体实现

    jQuery阻止事件冒泡具体实现

    冒泡事件就是点击子节点,会向上触发父节点,祖先节点的点击事件,有需要的朋友可以参考一下
    2013-10-10
  • jQuery实现列表自动滚动循环滚动展示新闻

    jQuery实现列表自动滚动循环滚动展示新闻

    jQuery实现列表自动滚动循环滚动展示新闻,鼠标悬停时停止滚动并提示,离开后,继续滚动,实现的代码如下,需要的朋友可以看看
    2014-08-08
  • 通过jsonp获取json数据实现AJAX跨域请求

    通过jsonp获取json数据实现AJAX跨域请求

    JSON 可通过 JavaScript 进行解析,JSON 数据可使用 AJAX 进行传输,这篇文章主要介绍了通过jsonp获取json数据(实现AJAX跨域请求),有兴趣的可以了解一下。
    2017-01-01
  • jquery插件冲突(jquery.noconflict)解决方法分享

    jquery插件冲突(jquery.noconflict)解决方法分享

    本文主要解决了如何让多个不同的jQuery版本在同一个页面并存而不冲突的方法,需要的朋友可以参考下
    2014-03-03
  • EasyUI Combobox设置默认值 获取text的方法

    EasyUI Combobox设置默认值 获取text的方法

    这篇文章主要介绍了EasyUI Combobox设置默认值 获取text的方法,非常不错,具有参考借鉴价值,需要的朋友可以参考下
    2016-11-11
  • jQuery 插件封装的方法

    jQuery 插件封装的方法

    扩展jQuery插件和方法的作用是非常强大的,它可以节省大量开发时间。这篇文章将概述jQuery插件开发的基本知识,最佳做法和常见的陷阱,需要的朋友可以参考下
    2016-11-11
  • jQuery选择器之层次选择器用法实例分析

    jQuery选择器之层次选择器用法实例分析

    这篇文章主要介绍了jQuery选择器之层次选择器用法,结合实例形式分析了jQuery后代元素选择器、子元素选择器、相邻元素选择器、兄弟元素选择器等相关使用技巧,需要的朋友可以参考下
    2019-02-02
  • jquery得到font-size属性值实现代码

    jquery得到font-size属性值实现代码

    font-size属性想必大家并不陌生吧,此属性控制字体的大小,在本文将为大家介绍下如何使用jquery获取font-size属性值,感兴趣的朋友可以参考下
    2013-09-09
  • jQuery创建折叠式菜单

    jQuery创建折叠式菜单

    这篇文章主要为大家详细介绍了jQuery创建折叠式菜单,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2019-06-06

最新评论