如何在同一时刻只展开一个菜单

来源:百度知道 编辑:UC知道 时间:2024/05/18 16:37:26
小弟从网上找到了以下的动态下拉菜单的代码,这些代码能够基本实现单击一级菜单,就能展开它的子菜单,但小弟想再加个功能,就是在同一时刻一级目录只能有一个展开,我的意思就是像下面的代码那样,一级目录有菜单A、菜单B,我要求如果单击菜单A,菜单A展开它的子菜单,然后如果单击菜单B,菜单A就必须收起来,菜单B展开。
希望高手帮我改一下,谢谢了!

<script language="javascript">
function showHide(obj)
{obj.style.display=obj.style.display=='none'?'':'none';}
</script>
<table cellpadding="0" cellspacing="1" border="0" bgcolor="#EEEEEE" width="100">
<tr><td style="cursor:hand" onClick="showHide(c1)" bgcolor="#CCCCCC">菜单A</td></tr>
<tr><td id="c1" style="display:none" align="right">
<table cellpadding="0" cellspacing="0" border="0" width="80%">
<tr><td>菜单A1</td></tr>
<tr><td>菜单A2</td></tr>

<script language=\"javascript\">
function showHide(obj,obj2)
{obj.style.display=obj.style.display==\'none\'?\'\':\'none\';
obj2.style.display=\'none\';
}
</script>
<table cellpadding=\"0\" cellspacing=\"1\" border=\"0\" bgcolor=\"#EEEEEE\" width=\"100\">
<tr><td style=\"cursor:hand\" onClick=\"showHide(c1,c2)\" bgcolor=\"#CCCCCC\">菜单A</td></tr>
<tr><td id=\"c1\" style=\"display:none\" align=\"right\">
<table cellpadding=\"0\" cellspacing=\"0\" border=\"0\" width=\"80%\">
<tr><td>菜单A1</td></tr>
<