Question

HTML如何实现展开式菜单(实现效果:点击一项展开子菜单,点击另一项展开此项子菜单同时关闭前一项子菜单)

想要实现效果如题,附上我的代码,请高手指点,谢谢!

<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>

</div>

Answer 1

<a href="#">
<div id="main1" style="color:blue"

onclick="document.all.child1.style.display='none';document.all.child2.style.

display='none';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.child1.style.display='none';document.all.child2.style.

display='none';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>

</div>

在你的onclick事件中加上document.all.child1.style.display='none';document.all.child2.style.display='none';就可以了