[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
Discussão (5)
Carregando comentários...