Javascript questions about "onclick"...

[Antivirus]

If there's any java gurus that can help, please let me know how to do following:

When user clicks on "Foo" or "Bar" in thead cell, display either FOO tablerow, or BAR table row. This works as I would like, however I want to add following functionality:

1) Whenever the page is re-loaded, reset thingies so FOO is displayed, and BAR hidden

2) When displaying FOO, i would like to hide BAR, and likewise, when displaying BAR, I would like to hide FOO.

Here's my code...

<table class="tborder" cellpadding="$stylevar[cellpadding]" cellspacing="$stylevar[cellspacing]" border="0" width="100%" align="center">
<thead>
	<tr>
		<td class="thead">
			<a href="#top" onclick="return toggle_collapse('FOO')"><span id="collapsetxt_FOO">Tracklisting</span></a>&nbsp;/&nbsp;
			<a href="#top" onclick="return toggle_collapse('BAR')"><span id="collapsetxt_BAR">Description</span></a>
		</td>
	</tr>
</thead>
<tbody id="collapseobj_FOO" style="$vbcollapse[collapseobj_FOO]">
	<tr>
		<td class="alt2">
		Foo Text
		</td>
	</tr>
</tbody>
<tbody id="collapseobj_BAR" style="$vbcollapse[collapseobj_BAR]">
	<tr>
		<td class="alt2">
		Bar Text
		</td>
	</tr>
</tbody>
</table>

Thanks in advance!