I have a table that displays:
Job Title
Job Description

I have a xslt for-each statement displaying each of the nodes in the subpages of the loop. I was curious to know if there is a way to have the javascript show/hide the job descriptions in a table.
The Property is Career Description and it has new text for each page. And i want to be able to show hide each job descriptions individually. Right now only the first Career Description is showing and hiding.


<table id="careers" border="0" cellspacing="0" cellpadding="5">

<xsl:for-each select="$currentPage/node [string(data [@alias='umbracoNaviHide']) != '1']">
<tr>
<td valign="top">
<br></br>
<a href="javascript:void();" onclick="show_hide('col1')">
<xsl:value-of select="@nodeName"/></a>

</td>
</tr>

<tr >
<td id="col1">
<xsl:value-of select="data [@alias = 'CareerPosition']" disable-output-escaping="yes"/>
</td>
</tr>
</xsl:for-each>

</table>