章节
问答
课签
笔记
评论
占位
占位

编程练习

小伙伴们，根据所学知识，实现编写以下菜单效果

任务

任务要求：

点击标题时判断该标题下的菜单是否显示，如果是显示的则将其隐藏，如果是隐藏的则将其显示出来。

?不会了怎么办
  1.先将所有点击的标题和要显示隐藏的列表取出来
  2.遍历所有要点击的标题且给它们添加索引及绑定事件
  3.获取点击的标题上的索引属性，根据该索引找到对应的列表
  4.判断该列表，如果是显示的则将其隐藏，如果是隐藏的则将其显示出来
||
1
2
<!doctype html>
<html lang="en"
    >
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
提交
重置代码
||

请验证，完成请求

由于请求次数过多，请先验证，完成再次请求

加群二维码

打开微信扫码自动绑定

您还未绑定服务号

绑定后可得到

  • · 粉丝专属优惠福利
  • · 大咖直播交流干货
  • · 课程更新,问题答复提醒
  • · 账号支付安全提醒

收藏课程后，能更快找到我哦～

使用 Ctrl+D 可将课程添加到书签

邀请您关注公众号
关注后，及时获悉本课程动态

举报

0/150
提交
取消
全部 精华 我要发布

直接就用遍历的i，不用再添加id索引

最新回答 / weixin_慕虎6181255
你这个是错误的，你的contents都没遍历，直接contents[i]
1 回答 720 浏览
2022-04-25

老师讲的很清晰，做题就像照葫芦画瓢

最新回答 / 慕梦前来
还要有自己的思维同学
1 回答 867 浏览
2022-11-29

完美测试成功

最新回答 / 慕梦前来
是要有这样的好习惯
1 回答 853 浏览
2022-11-29

tab内容

最新回答 / 业余奶茶品鉴师
贴一下全部的代码
1 回答 810 浏览
2019-05-30

为什么不显示？

+ 我来回答 回答最高可+2积分
2 回答 823 浏览
2022-07-23

代码运行不出来，没有效果，求大神帮助

最新回答 / kdwycz
将 uls[i] 改成 uls[this.id]
1 回答 689 浏览
2019-05-10

怎么没效果

最新回答 / 请让我安静一会儿
你的代码最后两句没写在事件里面，肯定没效果，
1 回答 1022 浏览
2018-11-27

真是找不出问题在哪，请大神指点！

最新回答 / 慕粉1853355475
titles[i].onclick()=function()onclick后面不用加()了
1 回答 1115 浏览
2017-09-18

请教下大神，为什么我第一次点标题的时候没有反应第二次就可以正常显示或隐藏了

最赞回答 / 慕仔7231597
window.onload=function(){    var ps = document.getElementById('menu').getElementsByTagName('p');    var uls = document.getElementById('menu').getElementsByTagName('ul');    if (ps.length != uls.length) {        return;    }    for (var i = 0; i < ps.le...
3 回答 1570 浏览
2017-08-15

代码运行不出来

最新回答 / 套子里的海怪
代码不贴上来大家帮不了你。
1 回答 1100 浏览
2017-08-04

这个代码是不是逻辑错了？

最新回答 / 慕粉201702
<!doctype html><html><head>    <meta charset="UTF-8"><title>Document</title><style type="text/css">    *{margin:0;     padding:0;     font-size:13px;     list-style:none;}.menu{width:210px;      margin:50px auto; ...
3 回答 728 浏览
2018-09-19

为什么在浏览器显示报错是这个括号的呢？括号会有什么问题？

最赞回答 / 灵剑丹心3771538
onload少了一个大括号，
2 回答 1762 浏览
2017-05-12

为什么我的就不显示呢？

最新回答 / 食梦者3711585
window.onload=function(){         // 将所有点击的标题和要显示隐藏的列表取出来        var titls=document.getElementById("menu").getElementsByTagName("p");        var uls=document.getElementById("menu").getElementsByTagName("ul");        // 遍历所有要点击的标题且给它们添加索引及绑定事件    if(titls...
1 回答 803 浏览
2017-05-10

不能隐藏的问题，，，大神求解

最新回答 / 奇谈0
不明白你问的，可以说具体点吗？要是想一开始隐藏第一个可以设置第一个<ul style="display:block">
2 回答 863 浏览
2017-05-03

这样给变量赋值为什么不行

最新回答 / 肖炎
胡说八道 怎么不能，亲测 可以。myUl[this.id].style.display返回就是一个字符串而已，变量myDis怎么可能不可以存这个字符串。
2 回答 886 浏览
2017-05-08
全部 我要发布
最热 最新
只看我的

推荐课程

推荐路线系统化学习，打造阶梯学习模式

相关课程

手记推荐

更多

本次提问将花费2个积分

你的积分不足，无法发表

为什么扣积分？
确认 取消

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分？
确认 取消

账号登录 验证码登录

遇到问题
忘记密码

登录即同意慕课网《隐私政策》
代码语言