Aparecer quadro de texto, ao passar o mouse em cima

[Brubbs]

Olá galera... to fazendo meu primeiro site, e queria colocar nele o efeito de um site... mas nao faço a minima ideia de como fazer esse efeito... vou colocar o site pra vocês terem uma noção do efeito que eu quero, http://www.onclick.com.br/erp-varejo-caixas.php

Desde ja agradeço ;

[DiF]

Olá,

você pode usar os elementos UL e LI para fazer um "menu" dropdown( sem links)

ou você pode criar cada div separada e escondida... e exibir ao passar com o mouse através de javascript.

[jessicald]

Eu usaria divs escondidas e que exibiriam com js quando passa o mouse em cima (assim como disse o dif)

[Brubbs]

Então eu usei esse java script

<script type="text/javascript">
$(document).ready(function() {
        $(".content > .details").slideUp();
        $(".content > .details:eq()").slideDown();
});

function opendetails(num) {
        $(".content > .details").slideUp();
        $(".content > .details:eq(" + (num) + ")").slideDown();
}
</script>

Não ficou assim do JEEEEITO que eu queria mas nao ficou ruim... porém agr eu queria que ao clicar uma vez ele abrisse e ao clicar novamente ele fechasse. O codigo HTML é:

<a onclick="opendetails(0);" id="show"> Blá blá blá</a>
<div class="content">
<div class="details"> 
<p>Blá Blá Blá quando clica.</p>
</div>
</div>

Como eu faço isso?

Desde ja agradeço

[DiF]

Olá,

seria isso que você queria?

http://jsfiddle.net/KK2rE/2/

[Brubbs]

Olá,

seria isso que você queria?

http://jsfiddle.net/KK2rE/2/

Sim, amigo, é isso... porém, quando eu aplico ele ta abrindo todas abas, porque eu vou fazer varias desses, ai quando clica em uma abre todas.