Ocultar Div ao tirar o mouse dela

[Andrew Marques 47]

Olá pessoal to fazendo um sistema aqui que tem uma botao, que quando passo o mouse sobre ele aparece uma div... soh que quando eu tiro o mouse do botao ou da div a div continua aparecendo... eu quero que quando tive o mouse a div suma novamente...

 

Meu script ta assim:

 

<script type="text/javascript">
       $(document).ready(function(){
               $('#bt_face').hover(function(){
                       $('#acompanhe_face').show(800); 
               }); 
       });                                        
</script>

 

Sendo: #bt_face o botão que tem que passar o mouse para mostrar a div.

#acompanhe_face a div a ser mostrada e ocultada.

[William Bruno 1501]

        $(document).ready(function(){
               $('#bt_face').hover(function(){
                       $('#acompanhe_face').show(800); 
               },
               function(){
                       $('#acompanhe_face').hide(800); 
               }); 
       });  

:lol:

[Andrew Marques 47]

não foi :wacko:

 

Com esse script ai a div fica aparecendo e ocultando direto, sem eu passar ou tirar o mouse :upset:

[William Bruno 1501]

mostre o teu html para identificarmos melhor a situação.

[Andrew Marques 47]

<script type="text/javascript">
       $(document).ready(function(){
               $('#bt_face').hover(function(){
                       $('#acompanhe_face').show(800); 
               }); 
       }); 


	$(document).ready(function(){
               $('#bt_twitter').hover(function(){
                       $('#acompanhe_twitter').show(800); 
               }); 
       });                                        
</script>

<div id="bt_face"></div>
<div id="bt_twitter"></div>

<div id="acompanhe_face">
 <a href="#" target="_blank"><img src="img/acompanhe_facebook.png" alt="" /></a>
</div><!--/acompanhe face-->

<div id="acompanhe_twitter">
 <a href="#" target="_blank"><img src="img/acompanhe_twitter.png" alt="" /></a>
</div><!--/acompanhe twitter-->

 

:thumbsup:

[MatheusFreitas 0]

$('#bt_face').hover(function(){
	$('#acompanhe_face').show(800); 
}).mouseOut( function(){
	$('#acompanhe_face').hide(800);
});

[Andrew Marques 47]

Não deu novamente..

 

Aparece a div mas quando tiro o mouse ela nao some... por favor alguem ai resolve esse probleminha pra mim... :ermm: