HTML如何实现展开式菜单(实现效果:点击一项展开子菜单,点击另一项展开此项子菜单同时关闭前一项子菜单)
<ahref="#"><divid="main1"style="color:blue"onclick="document.all.child1.style.display...
<a href="#">
<div id="main1" style="color:blue" onclick="document.all.child1.style.display=(document.all.child1.style.display=='none')?'':'none'">经济贸易学院</div></a>
<div id="child1" style="display:none;">
<a href="./zy-dzsw.html" target="zynr">电子商务</a><br>
<a href="./zy-scyx.html" target="zynr">市场营销</a><br>
<a href="#">国际贸易实务</a><br>
</div>
<a href="#"><div id="main2" style="color:blue" onclick="document.all.child2.style.display=(document.all.child2.style.display=='none')?'':'none'">交通与信息学院</div></a>
<div id="child2" style="display:none;">
<a href="#">计算机网络技术</a><br>
<a href="#">移动通信</a><br>
<a href="#">计算机系统维护</a><br>
</div>
<a href="#"><div id="main3" style="color:blue"
onclick="document.all.child3.style.display=
(document.all.child3.style.display=='none')?'':'none'">生物工程学院</div></a>
<div id="child3" style="display:none;">
<a href="#">畜牧</a><br>
<a href="#">园艺技术</a><br>
</div>
</div> 展开
<div id="main1" style="color:blue" onclick="document.all.child1.style.display=(document.all.child1.style.display=='none')?'':'none'">经济贸易学院</div></a>
<div id="child1" style="display:none;">
<a href="./zy-dzsw.html" target="zynr">电子商务</a><br>
<a href="./zy-scyx.html" target="zynr">市场营销</a><br>
<a href="#">国际贸易实务</a><br>
</div>
<a href="#"><div id="main2" style="color:blue" onclick="document.all.child2.style.display=(document.all.child2.style.display=='none')?'':'none'">交通与信息学院</div></a>
<div id="child2" style="display:none;">
<a href="#">计算机网络技术</a><br>
<a href="#">移动通信</a><br>
<a href="#">计算机系统维护</a><br>
</div>
<a href="#"><div id="main3" style="color:blue"
onclick="document.all.child3.style.display=
(document.all.child3.style.display=='none')?'':'none'">生物工程学院</div></a>
<div id="child3" style="display:none;">
<a href="#">畜牧</a><br>
<a href="#">园艺技术</a><br>
</div>
</div> 展开
2个回答
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询