Hacer collapsible accordion JavaScript

[la_nutria]

Hola a todos de nuevo.
Utilizo un script que oculta otro div expandido del accordion para seguidamente expandir el que fue cliqueado, de modo que haya solo un div con display=block simultáneamente.
El problema es que no se oculta el div visible al cliquear sobre sí mismo sino que solo funciona para ocultar otros divs, o sea no es "collapsible".
Este es el código. Quisiera saber qué cambiar aquí para que funcione como deseo.

Código Javascript:

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

Muchas gracias por su ayuda.

[IsaBelM]

revisa este código

pd: no uses getElementsByClassName(), no existe para ie. en su lugar usa querySelector() o querySelectorAll()

[quimfv]

Código Javascript:

function ocultarDivs(classe) {
   var elements = document.getElementsByTagName("div");
   for (var i=0; i < elements.length; i++) {
     if(elements[i].className=classe){
       if(elements[i].style.display=="none"){
          elements[i].style.display="";
       }else{
          elements[i].style.display="none";
       }
     }
   }
}
 

<div class="accordion" onclick="ocultarDivs('accordion')">primer div</div>
<div class="accordion" onclick="ocultarDivs('accordion')">segundo div</div>

Algo asi te serviria... esto ocultara todos los elementos div con class="accordion" que esten visibles y mostrará todos los ocultos. Si lo que quieres es ocultar el actual y mostrar el siguiente tendràs que trabajar con los id y establecer alguna logica de orden.... pero como no se lo que quieres no voy a suponer.

[edago]

Puedes darte una vuelta por la documentación de JQuery, tiene una muy buena función para eso.
http://jqueryui.com/accordion/

[la_nutria]

Gracias a todos por la respuesta.
Como habrán notado me tomé mi tiempo para responder.
Al final terminé haciéndolo con jQuery. Mi idea era hacerlo con JavaScript porque lo entiendo un poco mejor y para no andar cargando librerías distintas para la misma aplicación, pero no tuve otra.
También me sirvió la sugerencia de "querySelector", no sabía que no getElements no andaba en IE.