关于二级菜单的有关问题。
日期：2014-05-16 浏览次数：20387 次
关于二级菜单的问题。。
想做一个菜单，单击一级标题之后显示或隐藏二级菜单，在第一层<li>上加了onclick函数可以实现二级菜单<ul>的隐藏显示，但是二级菜单展开之后点击<ul>的任何地方都会再次隐藏，因为一层<li>下的所有节点单击之后它都执行了一遍onclick触发的函数hideOrShow()...有没有什么办法可以在点击二级菜单之后不隐藏，只有单击一级菜单的时候隐藏。。 小弟是新手，请各位大虾不吝赐教~
<script>
function hideOrShow(eid){
var element=document.getElementById(eid);
element.style.display=(element.style.display=="block"?"none":"block");
}
</script>
<body>
<li onclick="hideOrShow('basicInfo')">基本信息管理
<ul id="basicInfo" >
<li><a href="plane_type.jsp" target="showFrame">飞机型号管理</a></li>
<li><a href=#>1.2</a></li>
</ul></li>
</body>
------解决方案--------------------
<li><a onclick="hideOrShow('basicInfo')">>wer</a>
<ul id="basicInfo">
<li><a href="#" target="showFrame">wer</a></li>
<li><a href="#">1.2</a></li>
</ul>
</li>
写成这样就行 不然你所有的内容都是<li>里的子元素 当然会触发li事件
想做一个菜单，单击一级标题之后显示或隐藏二级菜单，在第一层<li>上加了onclick函数可以实现二级菜单<ul>的隐藏显示，但是二级菜单展开之后点击<ul>的任何地方都会再次隐藏，因为一层<li>下的所有节点单击之后它都执行了一遍onclick触发的函数hideOrShow()...有没有什么办法可以在点击二级菜单之后不隐藏，只有单击一级菜单的时候隐藏。。 小弟是新手，请各位大虾不吝赐教~
<script>
function hideOrShow(eid){
var element=document.getElementById(eid);
element.style.display=(element.style.display=="block"?"none":"block");
}
</script>
<body>
<li onclick="hideOrShow('basicInfo')">基本信息管理
<ul id="basicInfo" >
<li><a href="plane_type.jsp" target="showFrame">飞机型号管理</a></li>
<li><a href=#>1.2</a></li>
</ul></li>
</body>
------解决方案--------------------
<li><a onclick="hideOrShow('basicInfo')">>wer</a>
<ul id="basicInfo">
<li><a href="#" target="showFrame">wer</a></li>
<li><a href="#">1.2</a></li>
</ul>
</li>
写成这样就行 不然你所有的内容都是<li>里的子元素 当然会触发li事件
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
