求个JS写法
弄个菜单栏
也就是点击一栏目的时候 其他栏目隐藏 被点击的栏目子栏目显示
我是这样写的：
<SCRIPT language=javascript1.2>
function showsubmenu(sid)
{
for(var i=0;i<=10;i++)
{
if(i==sid)
{
$("#submenu"+sid).fadeIn(1000);
eval("menuTitle" + sid + ".style.backgroundImage=\"url(images/admin_left_1.gif)\";");
}
else
{
$("#submenu"+i).fadeOut(0);
eval("menuTitle" + i + ".style.backgroundImage=\"url(images/admin_left.gif)\";");
}
}
}
</SCRIPT>
HTML部分：
<table cellpadding=0 cellspacing=0 align=center class="menuclx">
<tr>
<td height=25 class=menu_title id=menuTitle1 onClick="showsubmenu(0)" style="cursor:hand;"><a href="#">用户基本操作</a> </td>
</tr>
<tr >
<td >
<table cellpadding=0 cellspacing=0 align=center class=sec_menu id='submenu0' >
<tr>
<td height=20><a href="site_setting.asp" target="main">站点信息管理</a></td>
<tr>
<tr>
<td height="20"><a href="news_center.asp" target="main">新闻信息管理</a></td>
</tr>
<tr>
<td height="20"><a href="single_info.asp" target="main">单页信息管理</a></td>
</tr>
</table>
</td>
</tr>
</table>
<table cellpadding=0 cellspacing=0 align=center class="menuclx">
<tr>
<td height=25 class=menu_title id=menuTitle3 onClick="showsubmenu(1)" style="cursor:hand;"><a href="#">新闻管理中心</a> </td>
</tr>
<tr>
<td >
<table cellpadding=0 cellspacing=0 align=center class=sec_menu id='submenu1' style="display:none" >
<tr>
<td height=20><a href="news_class.asp" target="main">新闻栏目管理</a></td>
</tr>
<tr>
<td height=20><a href="news_center.asp" target="main">新闻管理中心</a></td>
</tr>
<tr>
<td height=20><a href="news_add.asp" target="main">快速发布新闻</a></td>
</tr>
</table>
</td>
</tr>
</table>
<table cellpadding=0 cellspacing=0 align=center class="menuclx">
<tr>
<td height=25 class=menu_title id=menuTitle5 onClick="showsubmenu(3)" style="cursor:hand;"><a href="#">单页信息管理</a> </td>
</tr>
<tr>
<td >
<table cellpadding=0 cellspacing=0 align=center class=sec_menu id='submenu3' style="display:none" >
<tr>
<td height=20><a href="single_info.asp" target="main">单页信息中心</a></td>
</tr>
</table>
</td>
</tr>
</table>
<table cellpadding=0 cellspacing=0 align=center class="menuclx">
<tr>
<td height=25 class=menu_title id=menuTitle6 onClick="showsubmenu(4)" style="cursor:hand;"><a href="#">系统管理中心</a> </td>
</tr>
<tr>
<td >
<table cellpadding=0 cellspacing=0 align=center class=sec_menu id='submenu4' style="display:none" >
<tr>
<td height="20"><a href="admin_info.asp" target="main">管理员信息</a></td>
</tr>
<tr>
<td height="20"><a href="admin_infoAdd.asp" target="main">新建管理员</a></td>
</tr>
<tr>
<td height="20"><a href="admin_log.asp" target="main">系统操作日志</a></td>
</tr>
<tr>
<td height="20"><a href="site_setting.asp" target="main">站点参数设置</a></td>
</tr>
</table>
</td>
</tr>
</table>
<table cellpadding=0 cellspacing=0 align=center class="menuclx">
<tr>
<td height=25 class=menu_title id=menuTitle7 onClick="showsubmenu(5)" style="cursor:hand;"><a href="#">其他信息管理</a> </td>
</tr>
<tr>
<td >
<table cellpadding=0 cellspacing=0 align=center class=sec_menu id='submenu5' style="display:none" >
<tr>
<td height=20><a href="links_info.asp" target="main">友情链接管理</A></td>
</tr>
<tr>
<td height=20><a href="message_info.asp" target="main">反馈信息管理</A></td>
</tr>
</table>
</td>
</tr>
</table>
我那样写 点击任意栏目 第一个隐藏之后 被点击的子栏目都不显示额
望高人指点指点
[解决办法]
你的逻辑应该是错的，应该是先FOR循环把所有子栏目隐藏，循环之后再做个判断，让ID相等的那个显示出来。判断应该写在FOR循环之外的。而且貌似你的子栏目也没有10个，“for(var i=0;i<=10;i++)”这里会出错的。
