js菜单伸缩的问题,
时间:2011-01-19
来源:互联网
我用JS控制 菜单的伸缩,点击一下,展开,再点击,关闭
我的 mainMenu和subMenu是平行的<div>,所以下面的/2:
mainMenu的onclick="menu(i)"
复制代码
问题:我第一次点击后,不展开;当我第二次点击后,展开,但又关闭了?
没有弄明白!!
我的 mainMenu和subMenu是平行的<div>,所以下面的/2:
mainMenu的onclick="menu(i)"
- function menu(id)
- {
- var subEl=document.getElementById("divSub"+id);
- var mainMenus = document.getElementById('divParent'+id).parentNode.childNodes.length/2;
- for( var i=0; i< mainMenus; i++ )
- {
- alert(i+'-'+id);
- if(i!==id)
- {
- if(subEl)
- subEl.style.display="none";
- }
- else
- {
- if(subEl.style.display=='none') subEl.style.display='block';
- else subEl.style.display='none';
- }
- }
- }
没有弄明白!!
作者: ssqhan 发布时间: 2011-01-19
改成这样后,怎么什么也不反应:
复制代码
- function menu(id)
- {
- var subID="divSub"+id;
- var mainMenus = document.getElementById(subID).parentNode.childNodes.length/2;
- for( var i=0; i< mainMenus; i++ )
- {
- if(i!=id)
- {
- if(document.getElementById(subID))
- document.getElementById(subID).style.display="none";
- }
- else
- {
- if(document.getElementById(subID).style.display=="none") document.getElementById(subID).style.display="";
- else document.getElementById(subID).style.display="none";
- }
- }
- }
作者: ssqhan 发布时间: 2011-01-19
相关阅读 更多
热门阅读
-
office 2019专业增强版最新2021版激活秘钥/序列号/激活码推荐 附激活工具
阅读:74
-
如何安装mysql8.0
阅读:31
-
Word快速设置标题样式步骤详解
阅读:28
-
20+道必知必会的Vue面试题(附答案解析)
阅读:37
-
HTML如何制作表单
阅读:22
-
百词斩可以改天数吗?当然可以,4个步骤轻松修改天数!
阅读:31
-
ET文件格式和XLS格式文件之间如何转化?
阅读:24
-
react和vue的区别及优缺点是什么
阅读:121
-
支付宝人脸识别如何关闭?
阅读:21
-
腾讯微云怎么修改照片或视频备份路径?
阅读:28