Acordeón que expanda un div y contraiga otro

[Reedyseth]

Ok mira, como veo que estas usando el XMLHttpRequest seguramente no quieres usar jQuery, o utilizarias el acordeon de jQuery UI, por tal razon te hice un codigo en puro javascript que se encarga de hacer funcionar el acordeon con una estructura como la siguiente:

Código HTML:

<div class="accordeon" onclick="ocultarDivs(this);">
	<h1 >Header 1</h1>			
	<p>Texto 1</p>
</div> 

Puedes darte una clavada en el codigo javascript para que veas como funciona, disculpa que haya puesto la funcion anteriormente, pero es una funcion para que te diera la idea, pero la idea ya realizada segun la estructura html que hice salto este javascript

Código Javascript:

function ocultarDivs(e) {
                console.info("OK");
                var elements = document.getElementsByClassName("accordeon");
                for (var i=0; i < elements.length; i++) {
                    var pNode = elements[i].getElementsByTagName("p"); 
                    pNode[0].style.display = "none";
                };
                var toShow = e.getElementsByTagName("p");
                toShow[0].style.display = "block";
            }
 

Para que veas como funciona el codigo te dejo una muestra en vivo:

http://fiddle.jshell.net/7u5TZ/

me has dado una buena idea para hacer un post en mi blog y no olvides de calificar las respuestas