js 点击展开、收起
2016-08-09 17:27
218 查看
//点击展开、收起
window.onload=function(){
var current=document.getElementsByTagName('li')[0];
document.body.addEventListener('touchend', function(e) {
var src = e.target;
var reg = /toggle/gi;
var upReg = /up/gi;
if(reg.test(src.className)) {
src.className = upReg.test(src.className) ? 'toggle down' : 'toggle up';
src=src.parentNode;
src.className = src.className === 'height' ? '' : 'height';
}
});
}
window.onload=function(){
var current=document.getElementsByTagName('li')[0];
document.body.addEventListener('touchend', function(e) {
var src = e.target;
var reg = /toggle/gi;
var upReg = /up/gi;
if(reg.test(src.className)) {
src.className = upReg.test(src.className) ? 'toggle down' : 'toggle up';
src=src.parentNode;
src.className = src.className === 'height' ? '' : 'height';
}
});
}
相关文章推荐
- 原生JS仿QQ阅读点击展开、收起效果
- vue.js 实现点击展开收起动画效果
- js按钮点击展开收起
- 如何实现js展开收起(折叠)效果呢?例如:一段内容过长了,我限制他显示为20个字内,但是超出了20的就先用省略号代替,然后后面添加一个展开,点击展开后就显示所有的内容,这时候展开按钮就变成了 折叠按钮
- js_常见特效——点击切换_背景颜色_收起与展开
- 菜单栏展开和收起效果(纯js)
- Js可点击展开关闭的广告代码
- 在datagrid里实现文章内容在点击标题的时候收起或者展开的效果
- 自己写了一个展开和收起的js效果...分享给大家
- MFC CTreeView单击展开和收起(含获取TreeView鼠标当前点击子项的方法)
- 点击展开点击收起
- MFC CTreeView单击展开和收起(含获取TreeView鼠标当前点击子项的方法)
- JS实现点击某个图标展开关联菜单
- 展开右上角的快捷菜单按钮后,点击屏幕其他区域按钮没有自动收起
- JS点击链接后慢慢展开隐藏着图片的方法
- JS实现鼠标点击展开或隐藏表格行的方法
- HTML实现点击展开和收起
- 自己写了一个展开和收起的多更能型的js效果
- Js+Div 层展开与层收起的一个例子
- js 展开/收起效果