Plegar y desplegar capas desde icono

Ante todo, gracias por vuestra atención. No tengo casi ni media idea de programar. Por favor, me gustaría que corrigiéseis el script para quedar...

La FAQ Plegar y desplegar capas desde icono tiene

Pertenece a la categoría:

Pregunta
Ante todo, gracias por vuestra atención.
No tengo casi ni media idea de programar. Por favor, me gustaría que corrigiéseis el script para quedar simplemente listo de copiarlo y que funcione.
¿Cómo hago para que al plegar y desplegar la capa pulsando el icono cambie de forma dicho icono?. Por ejemplo, flecha hacia abajo cuando esté cerrado y flecha hacia arriba cuando esté desplegada para indicar que al pulsarla se cerrará?
He visto (no recuerdo dónde) este script:

<!--esto va en el head-->
<script LANGUAGE="javascript">
var capa
function cambio(idCapa){
if (document.layers) capa = eval("document." + idCapa);
if (document.all) capa = eval(idCapa + ".style");
if (document.getElementById) capa = eval('document.getElementById("' + idCapa + '").style');if ((capa.visibility == "hidden") || (capa.visibility == "hide")){
capa.visibility = (document.layers) ? "show" : "visible" ;
}else{
capa.visibility = (document.layers) ? "hide" : "hidden" ;
}
}
//-->
</script>

<!--esto va en el head-->
---------**--------------

<!--esto va en el body-->
<!--inicio 1º -->
Para consultar más información pulse los iconos <a href=#"#" onclick="cambio('capa1')"><img src="iconos/nombredelicono.gif" alt="abrir cerrar" width="12" height="17" border="0"/></a></p>
<div id="capa1" style='position:relative; visibility: hidden;'> Esta es la capa 2 que muestra el contendio de la capa 1 Esta es la capa 2 que muestra el contendio de la capa 2 Esta es la capa 2 que muestra el contendio de la capa 2 Esta es la capa 2 que muestra el contendio de la capa 2 Esta es la capa 2 que muestra el contendio de la capa 2 Esta es la capa 2 que muestra el contendio de la capa 2 Esta es la capa 2 que muestra el contendio de la capa 2 <a href="/orange_web/mapa.htm" target="_self">enlace aquí para ver</a> <img src="/orange_web/iconos/montana_bicolor.jpg" alt="" /></div>
<!--fin 1º -->


Respuesta de Sergio
Hola,

Yo te recomiendo que hagas esto con AJAX o Mootools que es más rápido y limpio, ademas da a una página una mayor vistosidad.

Aqui mismo en desarrolloweb tienes manuales tanto de AJAX(http://www.desarrolloweb.com/ajax/) como de Mootool (http://www.desarrolloweb.com/manuales/manual-mootools.html) y seguramente que te expliquen como hacerlo...

Un saludo Sergio

Complementar la respuestaComplementar la respuesta
Volver al árbol de categoríasVolver al árbol de categorías

Volver al árbol de categoríasVolver al árbol de categorías
Alojados en el grupo