slideToggle() 方法通过使用滑动效果(高度变化)来切换元素的可见状态。
如果被选元素是可见的,则隐藏这些元素,如果被选元素是隐藏的,则显示这些元素。
$(".list").click(function(){
$('.list1').slideToggle(500);
$('.list2').slideToggle(500);
})
<div class="list">点击</div>
<div class="list1">内容1</div>
<div class="list2" style="display:none;">内容2</div>
分享到:
相关推荐
jQuery的slideToggle方法实例,需要的朋友可以参考一下
《锋利的jquery》slidetoggle方法实现滑动菜单
slideToggle() 方法通过使用滑动效果(高度变化)来切换元素的可见状态。
关于React版本的jQuery.slideToggle。 在每个requestAnimationFrame上设置高度JavaScript动画。 在移动过程中,拨动方向可以反转。 如果您正在寻找基于CSS过渡的替代方法,请改用此方法支持的React版本React版本16.0...
主要介绍了JQuery实现展开关闭层的方法,实例分析了jQuery的slideToggle方法使用技巧,具有一定参考借鉴价值,需要的朋友可以参考下
一、解决方法 在页面配置<!DOCTYPE />如下 <!DOCTYPE html PUBLIC “-//W3C//DTD HTML 4.01 Transitional//EN” “http://www.w3.org/TR/html4/loose.dtd”> 其中 “http://www.w3.org/TR/html4/loose.dtd” ...
主要介绍了jQuery实现的卷帘门滑入滑出效果,结合具体实例形式分析了jQuery事件绑定及slideToggle方法实现滑入滑出效果相关操作技巧,需要的朋友可以参考下
本文实例讲述了jQuery滑动效果实现方法。分享给大家供大家参考,具体...3.slideToggle()方法:可以在slideDown()与slideUp()方法之间进行切换。 语法: $(selector).slideToggle(speed,callback); eg: <!DOCTYP
主要介绍了jQuery控制元素显示、隐藏、切换、滑动的方法总结,本文讲解了hide()、show() 、slideDown、slideUp、 slideToggle、fadeIn()、fadeOut()、fadeTo()等方法使用实例,需要的朋友可以参考下
网上有很多,这里介绍三种: 第一种方法,就是使用id,这个方法可以在生成html的时候动态设置tr的id,也是用得最多最简单的一种,如下: 这行不隐藏 这行要隐藏 这行要隐藏 那么控制显隐可以直接使用 ...
jQuery 拥有以下滑动方法: slideDown() 向下滑动元素 slideUp()向上滑动元素 slideToggle()在 slideDown() 与 slideUp() 方法之间进行切换。 jQuery slideDown() 方法 jQuery slideDown() 方法用于向下滑动元素。 ...
slideToggle()方法 fadeIn()和fadeOut()方法 fadeTo()方法 简单的动画 移动位置的动画 队列中的动画 动画停止和延时 动画方式浏览图片 第6章 传统的JavaScript方法实现Ajax功能 load()方法实现Ajax功能 ...
另一种选择是使用 CSS 来更改元素的max-height值,但这种方法充满了任意性,并且当您不确定要对多少内容进行动画处理时很难很好地实现。 这个库使用完成工作,它不需要元素具有固定的高度。 相反,元素高度是根据...
5.1.1 show()与hide()方法 5.1.2 动画效果的show()与hide()方法 5.1.3 toggle()方法 5.2 滑动 5.2.1 slidedown()与slideup方法 5.2.2 slidetoggle()方法 5.3 淡入淡出 5.3.1 fadein...
主要介绍了jQuery中scrollTop()方法用法,实例分析了scrollTop()方法的功能、定义及返回或设置匹配元素的滚动条的垂直偏移量时的使用技巧,需要的朋友可以参考下
5.2.2 slideToggle()方法/134 5.3 淡入淡出/135 5.3.1 fadeIn()与fadeOut()方法/135 5.3.2 fadeTo()方法/137 5.4 自定义动画/139 5.4.1 简单的动画/140 5.4.2 移动位置的动画/141 5.4.3 队列中的动画/144 ...
本文实例讲述了JQuery常用简单动画操作方法。分享给大家供大家参考,具体如下: jQuery基础动画回顾 .hide() 隐藏动画 .show() 出现动画 .toggle() 切换显示状态 .slideUp()/Down() 下拉/卷...