Este script fue diseñado para usarse en carpetas con gerarquia. Lo modifique un poco para que cuando agas click aparezca la imagen y cuando vuelvas a hacer click se desaparezca.
Me gusto este porque el que programo este script hace que cambie la carpetita de abierta a cerrada a la misma ves que la imegen se oculta o aparece. Esto te puede dar facilidad de que cambies las dos carpetas a dos botones. uno que diga "Abrir" y otro "Cerrar".
Use el logo de yahoo para demostrar como se abre una image pero yo notrabajo para ellos ok? jaja.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Abre Y Cierra Imagenes</title>
</head>
<script language="javascript">
<!--
var Open = ""
var Closed = ""
function preload(){
if(document.images){
Open = new Image(16,13)
Closed = new Image(16,13)
Open.src = "open.gif"
Closed.src = "closed.gif"
}}
function showhide(what,what2){
if (what.style.display=='none'){
what.style.display='';
what2.src=Open.src
}
else{
what.style.display='none'
what2.src=Closed.src
}
}
-->
</script>
<body onload="preload()">
<span id="menu1" onClick="showhide(menu1outline,menu1sign)" style="cursor:hand;">
<img id="menu1sign" src="closed.gif" valign="bottom">
</span>
<br>
<span id="menu1outline" style="display:'none'">
 <img src=http://us.i1.yimg.com/us.yimg.com/i/us/smbiz/b/masbwh.gif>
<p>
</body>
</html>