Mostrar Ocultar tablas y cambiar boton

[helthon]

Saludos señores, estoy haciendo un ejemplo y encontre esta opcion (http://www.forosdelweb.com/f13/mostrar-ocultar-tablas-mediante-boton-opcion-350143/) para mostrar y ocultar datos. ahora yo deseo lo siguiente:

Que cada vez que le de click al boton (^) se oculte todo mi texto y que se cambie de boton (en este caso el inverso.)

Código HTML:

<script>
var obj=null;
function viewHide(id)
{
var targetId, srcElement, targetElement;
var targetElement = document.getElementById(id);
if (obj!=null) 
  obj.style.display='none';
obj=targetElement;
targetElement.style.display = "";
}
</script>

<div><img src="imagenes/administracion/s_arriba.gif" width="23" height="20"  Onclick="viewHide('tabla40');"></div>
	<div id=tabla40 style="display:none"> Se oculte</div>


<div><img src="imagenes/administracion/s_abajo.gif" width="23" height="20"  Onclick="viewHide('tabla50');"></div>
	<div id=tabla50 style="display:none"> Se muestra todo el contenido </div> 

Espèro haberme explicado bien