Mostrar Div No Onmouseover E Esconder Depois

[carlosmandra]

Colegas,

estou empacado em um menu aqui, talvez alguém possa me ajudar. Tenho 9 botões lado a lado em uma linha, e na linha debaixo, os respectivos submenus, separados em divs, cada qual com o ID do nome do menu, conforme código abaixo:

Linha do Menu de imagens

<a href="index.php"><img src="images/menu/01.jpg" width="39" height="23" border="0" /></a><a href="acit.php"><img src="images/menu/02.jpg" width="64" height="23" border="0" /></a><a href="presidencia.php"><img src="images/menu/03.jpg" width="96" height="23" border="0" /></a><a href="facita.php"><img src="images/menu/04.jpg" width="66" height="23" border="0" /></a><a href="eventos.php"><img src="images/menu/05.jpg" width="76" height="23" border="0" /></a><a href="noticias.php"><img src="images/menu/06.jpg" width="77" height="23" border="0" /></a><a href="taguatinga.php"><img src="images/menu/07.jpg" width="95" height="23" border="0" /></a><a href="bolsadeempregos.php"><img src="images/menu/08.jpg" width="137" height="23" border="0" /></a><a href="contato.php"><img src="images/menu/09.jpg" width="78" height="23" border="0" /></a>

Linha das DIVs

<div id="acit"><a href="content.php?pg=historia">História</a> | <a href="content.php?pg=associados">Associados</a> | <a href="content.php?pg=missao">Missão</a> | <a href="content.php?pg=diretoria">Diretoria Atual</a> | <a href="content.php?pg=equipe">Equipe</a> | <a href="content.php?pg=estatuto">Estatuto</a> | <a href="content.php?pg=responsabilidade">Responsabilidade Social</a> | <a href="content.php?pg=produtos">Produtos e Serviços</a> | <a href="content.php?pg=parceiros">Parceiros</a> | <a href="content.php?pg=convenios">Convênios</a> | <a href="content.php?pg=associe">Associe-se</a></div>
            
<div id="presidencia"><a href="content.php?pg=palavra">Palavra do Presidente</a> | <a href="content.php?pg=agenda">Agenda do Presidente</a></div>
            
<div id="eventos"><a href="content.php?pg=bolsadeeventos">Bolsa de Eventos</a> | <a href="content.php?pg=plantadeeventos">Planta de Eventos</a></div>

<div id="noticias"><a href="newsletter.php">Newsletter</a> | <a href="midiateca.php">Fatos e Fotos</a>     | <a href="sdafsd">Publicações</a> | <a href="sdfsdf">Releases</a> | <a href="sdf">Fatos para imprensa</a> | <a href="dfsdfsd">Midiateca</a> </div>

<div id="taguatinga"><a href="newsletter.php">Taguatinga em números </a> | Veículos de Comunicação em Taguatinga     | <a href="sdafsd">Turismo</a> | <a href="sdfsdf">Dados Sócio-Econômicos</a> | <a href="asdasd">Agenda Cultural</a></div>

Como eu faço para:

1) deixar os DIVs escondidos (acho que com o visibility:hidden, correto?), mostrá-los quando eu passar o mouse sobre o botao específico e esconder de novo quando colocar o mouse sobre outro botão?

2) fazer com que essas DIVs ocupem o espaço de uma linha somente (agora estao ocupando 5 linhas)?

Agradeço qualquer "luz"

Abraço,

Carlos

[Silas Thomaz]

Tente colocar na div (style="display:none;") e no menu chame a função:

MostraProduto('nome_da_div') no onmouse on e onmouseover do menu superior.

/*

Função mostra a div caso esteja escondida e esconde caso esteja vizivel

Fiz umas alterações na função de ultima hora e não testei, pode ser que de ulgum erro de script mais não foge muito disso

*/

function MostraProduto(p_ID) {

if (window.document.all(p_ID).style.display == 'none')

window.document.all(p_ID).style.display = 'block';

else

window.document.all(p_ID).style.display = 'none';

}