<ul id="one">
<li>
<h4 class="folder"onclick="reveal('ones');">通俗小说</h4>
<ul id="paneA" style="display: none">
<li >武侠小说</li>
<li >言情小说</li>
<li >奇幻小说</li>
</ul>
</li>
<li>
<h4 class="folder" onclick="reveal('twos');">文学园地</h4>
<ul id="paneB" style="display: none">
<li class="normal">诗词歌赋</li>
<li class="normal">散文杂文</li>
<li class="end">四书五经</li>
</ul>
</li>
<li>
<h4 class="folder" onclick="reveal('threes');">历史轶事</h4>
<ul id="paneC"style="display: none">
<li class="normal">二十四史</li>
<li class="normal">世界通史</li>
<li class="end">近代中国</li>
</ul>
</li>
打开页面时只显示一级菜单,如下所示,当单击某一级菜单时,显示二级菜单。
- 写回答
- 好问题 0 提建议
- 追加酬金
- 关注问题
- 邀请回答
-
4条回答 默认 最新
- Go 旅城通票 2016-09-06 03:13关注
你的reveal传递的参数没意思啊,要么你传递丢应ul的id,要么传递当前h4对象好通过dom关系获取对应的ul菜单
<ul id="one"> <li> <h4 class="folder" onclick="reveal(this);">通俗小说</h4> <ul id="paneA" style="display: none"> <li>武侠小说</li> <li>言情小说</li> <li>奇幻小说</li> </ul> </li> <li> <h4 class="folder" onclick="reveal(this);">文学园地</h4> <ul id="paneB" style="display: none"> <li class="normal">诗词歌赋</li> <li class="normal">散文杂文</li> <li class="end">四书五经</li> </ul> </li> <li> <h4 class="folder" onclick="reveal(this);">历史轶事</h4> <ul id="paneC" style="display: none"> <li class="normal">二十四史</li> <li class="normal">世界通史</li> <li class="end">近代中国</li> </ul> </li> </ul> <style> #one ul{display:none} </style> <script> function reveal(h4) { var ul = h4.parentNode.getElementsByTagName('ul')[0]; ul.style.display=ul.style.display=='block'?'none':'block'} </script>
本回答被题主选为最佳回答 , 对您是否有帮助呢?解决 无用评论 打赏 举报