Troca do estado display: none

[Thiago Nunes 0]

Galera,

Estou fazendo uma tabela semelhante a do portal G1:

 

http://globoesporte....coes/index.html

Ao clicar no link "+ campeonatos", circulado na imagem acima, é exibida outra div que estava escondida. Preciso criar o mesmo comportamento em nosso portal, encontrei a solução nesse tópico: [http://forum.imaster...m-javascript/], porém, agora preciso fazer com que a tabela de classe “tabela-classificacao” que fica abaixo do conteúdo que acabou de aparecer passe a ficar com display: none

O código completo pode ser visualizado aqui: http://jsfiddle.net/...onunes/gZNtM/2/

 

Desde já agradeço qualquer ajuda!

[Ted k' 126]

Seria isso?

var visivel = false;

function mostrarOculto(){
    var objDiv = document.getElementById('oculto');
    var classe = document.getElementsByClassName('tabela-classificacao')[0];    
   if (visivel == false){
      objDiv.style.display = "block"; 
      classe.style.display = "none";
      visivel = true;             
   }
   else{
      objDiv.style.display = "none";
      classe.style.display = "block";
      visivel = false;         
    }
}