[Resolvido] Criando div hide/show multiplo

Boa tarde,

estou enfrentando um problema um quanto tanto chato infelizmente.

Estou tentando criar um JS não-obstrusivo que faça o seguinte: ao clicar em um H3, o div de mesma ID abre e as divs seguintes, que correspondam a uma classe, fechem.

Estou tentando a fazer da seguinte maneira:

function tabs() {
 var content = document.getElementsByTagName("h3");

 for(var i = 0; i < content.length; i++) {

 content[i].onclick = function() {

 var conteudo = document.getElementByID('c_' + i);

 if( conteudo.className != "content_cp" ) {
 conteudo.className = "content_cp";
 conteudo.style.display = "block";
 }
 else {
 conteudo.className = "content";
 conteudo.style.display = "none";
 }
 }
 }
	}

window.unload = tabs;

	<h3 id="0">abc</h3>
	<div class="content" id="c_0"></div>

	<h3 id="1">def</h3>
	<div class="content" id="c_1"></div>

	<h3 id="2">ghi</h3>
	<div class="content" id="c_2"></div>

	<h3 id="3">jkl</h3>
	<div class="content" id="c_3"></div>

	<h3 id="4">mno</h3>
	<div class="content" id="c_4"></div>

Já tentei de diversas outras maneiras, usando até javascript direto no h3, mas daí só funcionou no Firefox...

Alguem tem alguma idéia?

Agradeço desde já!

[]'s