js accordian效果

学习笔记：

1.$(this)与this的区别

$()返回的都是jquery对象。this表示当前的上下文。

$(this)返回当前的jquery对象

this返回的是html对象

所以调用jquery方法只能使用$(this)

2.is方法

is() 根据选择器、元素或 jQuery 对象来检测匹配元素集合，如果这些元素中至少有一个元素匹配给定的参数，则返回 true。

.is(selector)

源码：

/*jQuery time*/

$(document).ready(function(){

$("#accordian h3").click(function(){

//slide up all the link lists

$("#accordian ul ul").slideUp();

//slide down the link list below the h3 clicked - only if its closed

if(!$(this).next().is(":visible"))

{

$(this).next().slideDown();

}

})

转载于:https://blog.51cto.com/baigungun/1285429

js accordian效果相关推荐

JS打字效果的动态菜单代码分享
这篇文章主要介绍了JS打字效果的动态菜单,推荐给大家,有需要的小伙伴可以参考下. 这是一款基于javascript实现的打字效果的动态菜单特效代码,分享给大家学习学习. 小提示:浏览器中如果不能正常运 ...
Js黑客帝国效果文字下落制作过程和思路
效果预览: http://jsfiddle.net/dtdxrk/m8R6b/embedded/result/ Js黑客帝国效果文字向下落制作过程和思路 1.css控制文字竖显示 2.动态添加div ...
Bootstrap警告框、弹出提示层、模态框的js插件效果总结
Bootstrap警告框js插件经常会在bootstrap项目中遇到警告框.弹出提示层.弹出模态框组件等等场景应用. 使用前准备: 插件使用之前,请先导入如下文件: jquery.min.js bo ...
展开收起js动画效果
展开收起js动画效果 ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ 开发工具与关键技术:Ad ...
html图片百叶窗轮播,纯js百叶窗效果轮播图插件
这是一款纯js百叶窗效果轮播图插件.该js轮播图在图片切换时的效果类似于多张图片展开合成一张完整的大图.该轮播图由纯js编写,兼容ie8浏览器. 使用方法在页面中引入imgSwitch.min.js ...
HTML滚动条平滑移动,孟欣 - JS缓冲效果,平滑移动（滚动条平滑滚动）
JS缓冲效果,平滑移动(滚动条平滑滚动) 举个栗子: 点击导航栏的锚点,改变scroll的位置.(页面不是瞬间闪到,有个缓冲的效果) 点击button,页面瞬间闪到目标位置,这个功能很简单,不再啰嗦 ...
html右移动动画效果,图片的左右移动，js动画效果实现代码
图片的左右移动,js动画效果实现代码图片的左右移动,动画效果的实现 =(xk+xp)/2) { if (smer == 1) step--; else step++; } else { if (sm ...
Three.js材质效果
Three.js材质效果本文是Three.js电子书的1.5节前面案例中几何体对应网格模型材质只是设置了一个颜色,实际渲染的时候往往会设置其他的参数,比如实现玻璃效果要设置材质透明度,一些光亮的表 ...
国内两个JS加密平台，加密JS代码效果对比
国内两个JS加密平台,加密JS代码效果对比如题,对比国内两家JS加密平台,加密JS的效果一.JShaman,JS加密平台测试用JS代码: function get_copyright(){ va ...

js accordian效果

js accordian效果相关推荐

最新文章

热门文章