Hiding/Unhiding

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>

---

Write a function that loops through(or just goes through) all the textboxes, and hides them, and make that function call your open function.

I don't know how your setup is, but you might be able to loop through all textboxes in the form, and hide all except the one the user has chosen, eliminating the need for 2 functions.

Get it?