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