2 zengyunhua1992 zengyunhua1992 于 2016.09.06 11:04 提问

打开页面时只显示一级菜单,如下所示,当单击某一级菜单时,显示二级菜单。
 <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>

4个回答

showbo
showbo   Ds   Rxr 2016.09.06 11: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>
showbo
showbo 回复zengyunhua1992: http://bbs.csdn.net/topics/392014929
大约一年之前 回复
showbo
showbo 回复zengyunhua1992: 单独测试,要不和你的其他css和html代码混合,混合一起肯定是其他css或者什么影响了
大约一年之前 回复
zengyunhua1992
zengyunhua1992 我把你的粘上去也不行
大约一年之前 回复
showbo
showbo 回复zengyunhua1992: 不行就是你代码有问题罗。我这个贴出来没有问题,可以直接运行
大约一年之前 回复
zengyunhua1992
zengyunhua1992 我刚刚写了感觉还是不对,点击不能显示二级
大约一年之前 回复
qq_19972169
qq_19972169   2016.09.06 11:05

通过控制onclick事件,把ul 的display:none属性,换成diplay:block
简单的操作dom 楼主应该会吧

zengyunhua1992
zengyunhua1992 我刚刚写了感觉还是不对,点击不能显示二级
大约一年之前 回复
u013829202
u013829202   Rxr 2016.09.06 13:07

这就是一个隐藏显示的问题啊。 开始显示,点击后把下面的ul隐藏。 display就能解决。 百度一大堆。 测试的时候结合浏览器看f12.

fu415037685
fu415037685   2016.09.06 13:27

楼主是不是没有导入jar包??????

Csdn user default icon
上传中...
上传图片
插入图片