[SOLUCIONADO] function jquery para cambiar la imagen según div oculto

[evoarte]

buenas tardes,

es casi la primera vez que utilizo jquery,
cuando utilizo el siguiente código el div se despliega bien:

Código HTML:

<a href="#" onclick="javascript:$('#div_mostrar_ocultar_01').toggle('slow');"><img id="img01" src="images/in.png" /></a>
 

quiero añadir el efecto de cambio de imagen segun que el div esté oculto o no, pero con esta modificación no se logra:

Código HTML:

<a href="#" onclick="javascript:$('#div_mostrar_ocultar_01').toggle('slow', function{var imgsrc = ($('#div_mostrar_ocultar_01')).is(':hidden') ? 'images/in.png' : 'images/up.png';document.getElementById('img01').src = imgsrc;});"><img id="img01" src="images/in.png" /></a>
 

necesito una ayudita, gracias.

un saludo,
josé carlos.

[alexg88]

Te faltan los parentesis en la parte del function:

$('#div_mostrar_ocultar_01').toggle('slow', function(){var imgsrc = ($('#div_mostrar_ocultar_01')).is(':hidden') ? 'images/in.png' : 'images/up.png';document.getElementById('img01').src = imgsrc;});

Te recomiendo que muevas el código aparte del html.

Código HTML:

<a href="#" id="ancla"><img id="img01" src="http://upload.wikimedia.org/wikipedia/commons/6/62/1328101972_Arrow-Down.png" /></a>
<div id="div_mostrar_ocultar_01" style="display:none">Hola</div>
 

Código Javascript:

$("#ancla").on("click", function()
{
    $('#div_mostrar_ocultar_01').toggle('slow',
    function()
    {
        var imgsrc = ($('#div_mostrar_ocultar_01')).is(':hidden') ? 'images/in.png' : 'images/up.png';
        document.getElementById('img01').src = imgsrc;
    });
});
 

Saludos.

[evoarte]

ok, funciona.

¿por qué es mejor hacerlo como propones?

lo he planteado así por que son un número indeterminado de div los que se muestran, se crean de forma dinámica desde la base de datos.

un saludo,
josé carlos.

[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.

[JB_Duarte]

Código HTML:

function cambia(num){
                        var id = 'pre'+num;
			var id_fila = 'fil'+num;
			var num = $('#'+id+'').val();
			$("#"+id_fila+"").html('$'+num+'<input class="importe_linea"   type="hidden" value="'+num+'" id="'+valor+'">');
			//alert(num);
}