ALTERNAR DOS IMAGENES AL HACER CLICK

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=new Image; d.FP_imgs.src=a; }
}
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

 

Creo que con jquery, puedes hacer una función más sencilla con un simple toggleClass.
Aquí tienes información (fíjate en el primer ejemplo, el poco código que se usa)
http://api.jquery.com/toggleClass/
saludos