Efeito Abre Parte por Guias

[nemtconto 0]

Olá galera, depois de chegar até a página 40 do Google por diversos meios não consegui e também não achei aqui na busca...

 

Talvez por que não sei "pelo que" procurar....

 

É o seguinte, tem um efeito nestes sites www.narutoproject.com.br e www.narutoshipp.com na news deles, que você clica por exemplo em "MQ, HQ, AVI" ou no outro site "RMVB, MP$, AVI" coisa assim ele abre outra "guia" por exemplo com "outros links" sei que tem a ver com divs javascript por isso estou postando aqui, porém como faz? ou pelo que devo procurar? para que possa fazer do jeito que necessito aqui..

 

Alguma idéia? Dica de onde achar ou qual o nome deste efeito?

[nemtconto 0]

Consegui fazer porém tenho outra dúvida alguém pode ajudar?

 

 

JAVASCRIPT

function camada( sId ) {
  var sDiv = document.getElementById( sId );
  if( sDiv.style.visibility == "hidden" ) {
  sDiv.style.visibility = "visible";
  } else {
  sDiv.style.visibility = "hidden";
  }
  }

 

PARA O LINK

<A HREF="#" class="LinkBranco" ONCLICK="camada('menu');"><strong>Ver Todos os usuários</strong></A>

 

AONDE ABRIR

<DIV ID="menu" STYLE="VISIBILITY: hidden;"> 
                  Testando a visibilidade da camada 
              </DIV> 

A dúvida agora é... quando faço mais de uma e tento abrir, ela abre todas preciso que quando abrir um fecha uma outra... como fazer???

 

 

No caso tenho assim

 

<A HREF="#" class="LinkBranco" ONCLICK="camada('menu');"><strong>Ver Todos os usuários</strong></A>
<A HREF="#" class="LinkBranco" ONCLICK="camada('menu1');"><strong>Ver Todos os Moderadores</strong></A>


<DIV ID="menu" STYLE="VISIBILITY: hidden;"> 
                  Testando a visibilidade da camada 
              </DIV> 

<DIV ID="menu1" STYLE="VISIBILITY: hidden;"> 
                  Testando a visibilidade da camada 
              </DIV> 

Como fazer? Por que do jeito que fiz, tem que clicar de novo no "link" para fechar a DIV....

[Maujor 144]

<script type="text/javascript">
function camada( sId ) {  
 var divUsuarios = document.getElementById( "menu" );
 var divModeradores = document.getElementById( "menu1" );  
 divUsuarios.style.visibility = "hidden";
 divModeradores.style.visibility = "hidden";

 var sDiv = document.getElementById( sId );
 if( sDiv.style.visibility == "hidden" ) {
 sDiv.style.visibility = "visible";
 } else {
 sDiv.style.visibility = "hidden";
 }
 }
</script>