mostrar y ocultar con una imagen nesecito ayudad

[diegovazgonz]

Código HTML:

<script>
         
        function abre(){
         
            comprueba=document.getElementById("desaparece").style.display;
         
            if(comprueba=='none')
            {
                document.getElementById("desaparece").style.display="block";
                 document.getElementById("open").style.display="none";
                  document.getElementById("close").style.display="block";
                  }
            else
            {
                document.getElementById("desaparece").style.display="none";
                 document.getElementById("open").style.display="block";
                  document.getElementById("close").style.display="none";
        }
         }
        </script>
 
        <a href="javascript:abre()">
        <img id="open" src=""> <!-- imagen mostrar-->
         <img id="close" src="" style="display:none"> <!-- imagen ocultar-->
         </a>
        <div id="desaparece" style="display:none">
        aqui aparesera el contenido
        </div>
 

Lo que hago es cambiar la imagen con el metodo dispaly a la vez que la div