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 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º -->