菜单内容的显示与收缩

Question

<script>
function showMenu(obj){
//alert()
var ob = event.srcElement;

if(obj.style.display =="")
{
obj.style.display = "none"
ob.src ="Images/up.gif"
}
else
{
cc
ob.src = "Images/down.gif"
}
}
</script>   <table width="180" border="0" class="Left_Item01" cellspacing="0" cellpadding="0">
<tr onClick="showMenu(a124,this)">

<td style="CURSOR:hand"><IMG alt="显示/隐藏子菜单" src="Images/up.gif"></td>
</tr>
</table>
<table class="Left_boder" width="180" border="0" cellspacing="0" cellpadding="0" id="a124" background="images/ba.gif" style="cursor:auto">

<tr>
<td class="Left_Item02"><a href="http://localhost/Products.aspx?Category=001001003008" target="main">
第一个菜单栏的内容</a></td>
</tr>

</table>




  <table width="180" border="0" class="Left_Item01" cellspacing="0" cellpadding="0">
<tr onClick="showMenu(a1241,this)">

<td style="CURSOR:hand"><IMG alt="显示/隐藏子菜单" src="Images/up.gif"></td>
</tr>
</table>
<table class="Left_boder" width="180" border="0" cellspacing="0" cellpadding="0" id="a1241" background="images/ba.gif">

<tr>
<td class="Left_Item02"><a href="http://localhost/Products.aspx?Category=001001003008" target="main">
第二个菜单栏的内容</a></td>
</tr>

</table>
、、、、、、、、、、、、、、、
这段代码的效果是每个菜单下面的内容都显示出来了。
现在想要的效果是，打开网页，只显示第一个菜单栏的内容，第二个菜单栏的内容收缩看不到。
如果点击第二个菜单栏，就显示第二个菜单栏的内容，第一个菜单栏的内容收缩看不到。

Answer 1

  <script>
function showMenu(obj){
//alert()
var ob = event.srcElement;

if(obj.style.display =="")
{
obj.style.display = "none"
ob.src ="Images/up.gif"
}
else
{
obj.style.display = ""
ob.src = "Images/down.gif"
}
}
</script>

Answer 2

默认的时候给给第二个菜单的style．display = "none";
第一个设为block
点击时先把菜单多设为none
在把要要显示的设为block

Answer 3

nzy511(划破星空) ( ) 信誉：100
在我那段代码里面该如何该呀？