如何实现网页的菜单折叠效果一点+号就展开，点
2017-06-16 · 百度知道合伙人官方认证企业
育知同创教育
1【专注：Python+人工智能|Java大数据|HTML5培训】 2【免费提供名师直播课堂、公开课及视频教程】 3【地址：北京市昌平区三旗百汇物美大卖场2层，微信公众号：yuzhitc】
向TA提问
关注
![]()
展开全部
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns=" http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <style> .hi { height:200px; background-color:#990033; } .dd{ height:40px; background-color:#396; } </style> <script language="JavaScript" type="text/javascript"> var thisdiv function go(i){ var thisdiv2=document.getElementById("s"+i); var sup=document.getElementById("sup"+i); if(thisdiv!=undefined && thisdiv!=thisdiv2)thisdiv.style.display = "none"; if(thisdiv2.style.display == "none"){ thisdiv2.style.display = "block"; sup.innerHTML="-"; thisdiv=thisdiv2; } else{ thisdiv2.style.display = "none"; sup.innerHTML="+"; } } </script> </head><body> <div class="dd" id="d1" onclick="go(1)"><span id=sup1>+</span>菜单1<br /> <div class="hi"style="display: none" id="s1">1111<br />111111<br />111<br />111</div> </div> <div class="dd" id="d2" onclick="go(2)"><span id=sup2>+</span>菜单2<br /> <div class="hi"style="display: none" id="s2">2222<br />22222<br />22<br />22</div> </div> <div class="dd" id="d3" onclick="go(3)"><span id=sup3>+</span>菜单3<br /> <div class="hi"style="display: none" id="s3">3333<br />33<br />333333</div> </div> <div class="dd" id="d4" onclick="go(4)"><span id=sup4>+</span>菜单4<br /> <div class="hi"style="display: none" id="s4">4444444<br />44444</div> </div> <div class="dd" id="d5" onclick="go(5)"><span id=sup5>+</span>菜单5<br /> <div class="hi"style="display: none" id="s5">5<br />55555<br />55<br />555</div> </div> </body> </html>
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
