[Resolvido] Hover jQuery

Olá pessoal, estou quebrando a cabeça pra tentar fazer com que, ao passar o mouse sobre o "botão" que está dentro no .menu a, ele aciona a função animate e abre o que tem dentro do <em></em>.

Isso está acontecendo, só que o que nao está acontecendo é, ao dar um mouseout tanto no .menu a quanto no em, ele tem que fechar... Como um mostrar/esconder conteúdo...

Alguém consegue me ajudar nisso? Segue o código abaixo:

<script type="text/javascript">
$(document).ready(function(){
$(".menu a").hover(function(){
	$(this).next("em").animate({opacity: "show", top: "38"}, "slow");
});

$(".menu a").hover(function(){
	$(this).next("em").animate({opacity: "hide", top: "38"}, "slow");
});

});
</script>

<ul class="menu">
 <li> <a href="url">Blog Pessoal</a><em>Tecnologia, Internet e tutoriais diversos sobre web</em> </li>
</ul>