用javascript写一个单击菜单展开子菜单,单击其他菜单关闭已展开的子菜单,展开当前菜单的子菜单;

来源:百度知道 编辑:UC知道 时间:2024/06/08 13:47:14
就像树形菜单

<style>
.menu{bgcolor:#000;width:100px;height:100px;border:1px solid #000}
</style>
<div>
<h2 onclick=menu(1)>1</h2><div class="menu" id="menu_1" style="none"></div>
<h2 onclick=menu(2)>2</h2><div class="menu" id="menu_2" style="none"></div>
<h2 onclick=menu(3)>3</h2><div class="menu" id="menu_3" style="none"></div>
<h2 onclick=menu(4)>4</h2><div class="menu" id="menu_4" style="none"></div>
</div>
<script>
function menu(i)
switch(i){
case 1:
document.getElementById("menu_1").style="block";
document.getElementById("menu_2").style="none";
document.getElementById("menu_3").style="none";
document.getElement