[Resolvido] Ocultar uma DIV quando outra for Visivel

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