function jquery para cambiar la imagen según div oculto

[evoarte]

buenos días,

a la hora de implementarlo el efecto no se produce:

Código HTML:

<table class="tablamenu">
<tbody><tr class="tablapentr">
<td>Codigo</td>
<td>Descripción</td>
<td>Precio</td>
<td>Unidad</td>
<td></td>
<td></td>
</tr>       
 
<tr class="enlaceV1" id="9517" onmouseover="javascript:color(this.id,1);" onmouseout="javascript:color(this.id,2);" style="background-color: rgb(245, 245, 245);">
<td>D35AC010</td>
<td>PINTURA PLÁSTICA COLOR</td>
<td><div class="derecha">5,38</div></td>
<td>m²</td>
<td>
<a href="#" onclick="javascript:$('ainfo0').toggle('slow', function(){var imgsrc = ($('ainfo0')).is(':hidden') ? '/images/precios/bajar.png' : '/images/precios/subir.png';document.getElementById('aimage0').src = imgsrc;});"><img id="aimage0" src="/images/precios/bajar.png"></a>
</td>
<td><span><a href="#" onclick="javascript:agregarPartida('D35AC010','PINTURA PLÁSTICA COLOR','5,38','m²');"><img id="apartida0" src="/precios/apartida.png"></a></span>
</td>
</tr>
 
<div id="ainfo0" class="ainfo">
<tr>
<td colspan="6">
<span>m². Pintura plástica color lisa PROCOLOR mix o similar en paramentos verticales y horizontales, lavable dos manos, i/lijado y emplastecido.</span>
<span class="icerrar"><a href="#" onclick="javascript:$('ainfo0').toggle('slow', function(){var imgsrc = ($('ainfo0')).is(':hidden') ? '/images/precios/bajar.png' : '/images/precios/subir.png';document.getElementById('aimage0').src = imgsrc;});"><img id="aimage0" src="/images/precios/cerrar.png"></a></span>
<br>
</td>
</tr>
</div>
</tbody></table>
 

lo que no funciona es:

Código HTML:

<a href="#" onclick="javascript:$('ainfo0').toggle('slow', function(){var imgsrc = ($('ainfo0')).is(':hidden') ? '/images/precios/bajar.png' : '/images/precios/subir.png';document.getElementById('aimage0').src = imgsrc;});"><img id="aimage0" src="/images/precios/bajar.png"></a>
 

Código HTML:

<a href="#" onclick="javascript:$('ainfo0').toggle('slow', function(){var imgsrc = ($('ainfo0')).is(':hidden') ? '/images/precios/bajar.png' : 'images/precios/subir.png';document.getElementById('aimage0').src = imgsrc;});"><img id="aimage0" src="/images/precios/cerrar.png"></a>
 

creo que por que el contenido está en el td de la tabla, pero no se que modificación habría que hacer a la llamada de jquery.

gracias por la ayuda.

un saludo,
josé carlos.