Jin_evan 2016-09-06 03:04 采纳率: 100%
浏览 3442
已采纳

打开页面时只显示一级菜单,如下所示,当单击某一级菜单时,显示二级菜单。

 <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条回答

  • 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>
    
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(3条)

报告相同问题?

悬赏问题

  • ¥15 maple软件,用solve求反函数出现rootof,怎么办?
  • ¥50 汇编语言除法溢出问题
  • ¥65 C++实现删除N个数据列表共有的元素
  • ¥15 Visual Studio问题
  • ¥15 state显示变量是字符串形式,但是仍然红色,无法引用,并显示类型不匹配
  • ¥20 求一个html代码,有偿
  • ¥100 关于使用MATLAB中copularnd函数的问题
  • ¥20 在虚拟机的pycharm上
  • ¥15 jupyterthemes 设置完毕后没有效果
  • ¥15 matlab图像高斯低通滤波