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>
展开
 我来答
a308595369
2010-07-14 · TA获得超过610个赞
知道小有建树答主
回答量:601
采纳率:0%
帮助的人:533万
展开全部
我看了你的这个菜单!这样子可以了啊!
没有必要再收起来! 你看过那个菜单点击下一个菜单就把上一个菜单中的子菜单给隐藏???

如果你要那么做的话!
你可以用javascript 做判断!
根据DIV的id来判断!
获取你点击的ID 再判断 id不相等的就隐藏!
你自己试试吧!
百度网友5d926cb2a
2010-07-14 · TA获得超过524个赞
知道小有建树答主
回答量:1196
采纳率:0%
帮助的人:320万
展开全部
css呢
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式