mostrar y ocultar con una imagen nesecito ayudad

[angel2010]

hola a todos buscando una ayuda para un codigo que es mostrar y ocultar pero el problema que tengo que lo quiero con una imagen como por ejemplo con un icono que tenga una flecha hacia abajo que al mostrar el contenido se cambie la flecha hacia arriba

este es el codigo que tengo funciona pero no como lo quiero

Código HTML:

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