[Resolvido] Ocultar uma DIV quando outra for Visivel

[Gdias 0]

Salve Amigos,

 

Tenho um código basico para visualizar e esconder div utilizando display="none" / display="block" conforme código abaixo, utilizando dois links - minimizar e maximinizar

 

<img src="../images/geral/minimizar.GIF" onClick="javascript:sub1_abre('tabela1');" alt="mostrar detalhes" style="cursor:hand"><img src="../images/geral/maximizar.GIF" onClick="javascript:sub2_abre('tabela1');" alt="esconder detalhes" style="cursor:hand">script...function sub1_abre(tabela){	tabela = document.getElementById(tabela);	if(tabela.style.display=="none"){		tabela.style.display="block";	}}function sub2_abre(tabela){	tabela = document.getElementById(tabela);	if(tabela.style.display=="block"){		tabela.style.display="none";	}}

São vários códigos, duas functions para cada div (não consegui generalizar) e até que funciona que é uma beleza, mas agora meu gestor quer que todas essas div´s (que estão distribuidas em 6 páginas) fiquem em apenas uma página mas que quando uma seja visível as outras (se estiverem abertas) fiquem fechadas (block).

 

Já quebrei a cabeça mas não acho a solução... alguém tem uma idéia de como faço isso?

 

 

Desde já obrigado pela força...

 

[]´s

Gustavo

[Caliope 0]

O Código abaixo você coloca no início da pagina ou em um arquivo externo.

 

function displaylayer(nameDiv,personal){	var nameDiv = document.getElementById(nameDiv);	if(personal.toLowerCase()=='on') nameDiv.style.display='';	else if (personal.toLowerCase()=='off') nameDiv.style.display='none';	else {	  if(nameDiv.style.display == 'none') nameDiv.style.display='';	  else nameDiv.style.display='none';	}}

você pode adicionar isso e qndo você colocar um comando em um botão por exemplo escrever ele da seguinte forma:

 

<input type="button" value="Search" onclick="displaylayer('Module2_1','')"/>

onde "Module2_1" é o nome da Div na qual você quer que apareça...

Nesse caso cada vez que você clicar nesse botão...se a div estiver visivel ela ficara invisivel e vice versa, se preferir pode definir no codigo so uma função como abaixo:

 

<input type="button" value="Search" onclick="displaylayer('Module2_1','off')"/>

,

agora esse botao so vai fechar a DIV

 

e se precisar que um mesmo botão qndo clicado abre uma e feche outra pode fazer da seguinte maneira:

 

<input type="button" value="Search" onclick="displaylayer('Module2_1','off');displaylayer('Module3_1','on')"/>

e daí por diante....espero ter ajudado qualquer coisa da um grito ae...

 

abraços,

[Gdias 0]

Thank´s Caliope...Valeu a força![]´sGustavo

[luki_imasters 0]

valeu, foi de alta ajuda o exemplo sugerido estava com esse problema

 

e graças a sua ajuda, resolvi meu problema...

 

 

grande abrax