小弟从网上找到了以下的动态下拉菜单的代码，这些代码能够基本实现单击一级菜单，就能展开它的子菜单，但小弟想再加个功能，就是在同一时刻一级目录只能有一个展开，我的意思就是像下面的代码那样，一级目录有菜单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>
<tr><td>菜单A3</td></tr>
</table>
</td></tr>
<tr><td style="cursor:hand" onClick="showHide(c2)">菜单B</td></tr>
<tr><td id="c2" style="display:none" align="right">
<table cellpadding="1" cellspacing="0" border="0" width="80%">
<tr><td>菜单B1</td></tr>
<tr><td>菜单B2</td></tr>
<tr><td>菜单B3</td></tr>
</table>
</td></tr>
</table>

[此贴子已经被作者于2007-1-17 12:18:13编辑过]

太谢谢版主大大了

不过我还想问一下，如果给出的是3或者3个一级目录以上，怎么办？也就说增加菜单C，菜单D。。。等等，如果还用版主给出的方法好像就很麻烦了。

用个全局变量保存之前展开的菜单，大致代码如下

var oldObj
function showHide(obj)
{
if (obj.style.display=='block' || obj.style.display=='') {
obj.style.display='none';
oldObj=null;
} else {
if (oldObj) {
oldObj.style.display='none';
}
obj.style.display='block';
oldObj=obj;
}


}

参考我的页面 www.dewsong.net/about.htm