Hi!

I have three links and a set of text boxes are displayed, when I click on a link. (Eachlink has some text boxes to be displayed) Unclicking on a link hides the text boxes of that particular link.

Problem - When a link is clicked , it displays text boxes (Fine). Witcout clicking it (the link) again (to hide the text boxes), I click on other link. (Text boxes of that link are displayed wthout hiding the text boxes of the previous one.) How to fix this?

I have put the text boxes in <tbody> tag and hiding and unhiding it through a javascript.

Code:
function hideShow(el_id)
	{
		var el=document.getElementById(el_id);
		if(el_id.style.display!="none")
		{
		  el_id.style.display="none";
		}else
		{
		  el_id.style.display="";
		}
	}
HTML Code:
<a href="#" onclick="hideShow(row1);">Strategy and Objective</a><br />
<a href="#" onclick="hideShow(row2);">General News</a><br />
<a href="#" onclick="hideShow(row3);">Fund Specific News</a><br />

<tbody id="row1" style="">
				<tr>
					<td class="fmText" valign=top>Strategy and Objective </td>
					<td><textarea name=prod_desc cols=70 rows=5><%=rs("prod_desc")%></textarea></td>
				</tr>
			<tbody>
			
			<tbody id="row2" style="">
				<tr>
					<td class="fmText" valign=top>Portfolio Management </td>
					<td><textarea name="internetmanager" cols=70 rows=5><%=rs("prod_internetmanager")%></textarea></td>
				</tr>
			<tbody>

<tbody id="row3" style="">
				<tr>
					<td class="fmText" valign=top>Fund Announcement</td>
					<td><textarea name="fundstory" cols=70 rows=5></textarea></td>
				</tr>
			<tbody>