Alternar dos imagenes al hacer click

[freddycam]

Hola a todos, os cuento, tengo una lista de elementos en los que al hacer click se despliega un pequeño texto, lo que quiero es poner al principio de cada título un signo más y que al pinchar me salga el signo menos, como un explorador de windows.
He conseguido que al pinchar en el más salga el menos pero no que al pinchas en el menos vuelva a salir el más. Os pongo el código que utilizo

en el head:

<script type="text/javascript">
<!--
function FP_preloadImgs() {//v1.0
var d=document,a=arguments; if(!d.FP_imgs) d.FP_imgs=new Array();
for(var i=0; i<a.length; i++) { d.FP_imgs[i]=new Image; d.FP_imgs[i].src=a[i]; }
}
function FP_swapImg() {//v1.0
var doc=document,args=arguments,elm,n; doc.$imgSwaps=new Array(); for(n=2; n<args.length;
n+=2) { elm=FP_getObjectByID(args[n]); if(elm) { doc.$imgSwaps[doc.$imgSwaps.length]=elm;
elm.$src=elm.src; elm.src=args[n+1]; } }
}
function FP_getObjectByID(id,o) {//v1.0
var c,el,els,f,m,n; if(!o)o=document; if(o.getElementById) el=o.getElementById(id);
else if(o.layers) c=o.layers; else if(o.all) el=o.all[id]; if(el) return el;
if(o.id==id || o.name==id) return o; if(o.childNodes) c=o.childNodes; if(c)
for(n=0; n<c.length; n++) { el=FP_getObjectByID(id,c[n]); if(el) return el; }
f=o.forms; if(f) for(n=0; n<f.length; n++) { els=f[n].elements;
for(m=0; m<els.length; m++){ el=FP_getObjectByID(id,els[n]); if(el) return el; } }
return null;
}
// -->
</script>

y en el body

<img id="img1" src="imagenes/signo_mas.png" onclick="FP_swapImg(1,1,/*id*/'img1',/*url*/'imagenes/signo_menos.gif')" width="10" height="10">

Espero podáis ayudarme

Gracias y un saludo

[ArturoGallegos]

podrías usar un gif transparente y colocar como background el signo + o - según corresponda, y mediante jquery cambiar el CSS para hacer el cambio, utilizando addClass() y removeClass()

si necesitas un ejemplo me avisas para buscar algún ejemplo entre mis curiosidades que tal vez te pueda servir para ilustrar a lo que me refiero

[caricatos]

Hola:

No entiendo que tendrá que ver jquery y las clases, pero sin dudas los tiros van por javascript.

Un ejemplo: Inspector DOM... puedes fijarte en el código fuente, pero básicamente se trata de cambiar el estilo display entre none y block en las capas, y en la letra (+/-) entre none e inline.

Saludos

[ArturoGallegos]

perdón @caricatos tal vez no explique bien, solo quise decir que seria mas fácil de hacer con jquery

claro a mi humilde opinion

[freddycam]

Muchas gracias por las respuestas, lo que aparece en el enlace de Inspector DOM es lo que quería, probaré a adaptarlo en la web que estoy haciendo y ya os cuento.

Saludos,