I am using the code found in this page -  http://talkerscode.com/webtricks/expand-table-rows-using-jquery-html-and-css.php - which works great (click on the row toggles the hidden row beneath it) but I am hoping for some help on how to add one more bit of functionality. I would like an image in the td to change/toggle from (down.png to up.png) when the row is clicked. Not sure if I need to add a class or id for the image in the html and then add to the function? Obviously very much a newbie on this end....vbswcript and sql I understand - jquery not so much.

Any help or pointers greatly appreciated.

gully

<script type="text/javascript">
function show_hide_row(row)
{
 $("#"+row).toggle();
}
</script>

<tr>

<th>&nbsp;</th>
<th>Name</th>
<th>Age</th>
<th>Salary</th>
<th>Job</th>
</tr>

<tr onclick="show_hide_row('hidden_row1');">

<td img src="down.png"></td>

<td>Ankit</td>

<td>25</td>

<td>60000</td>

<td>Computer Programmer</td>

</tr>

<tr id="hidden_row1" class="hidden_row">
<td colspan=5>Ankit is 25 years old and he is a computer programmer he earns 60000 per month</td>
</tr>