.slideToggle hover on div jquery [duplicate] - jquery, hover, slidetoggle

Quiero poder deslizar Alternar un div al pasar el mouse, pero no funciona. Aquí está el código:

<div class="slide-header">
header....
</div>

<div class="slide-content">
Content..................
</div>

<script>
$(".slide-header").hover(function () {
$(".slide-content").slideToggle("slow");
});
</script>

<style><!-- initially, I don"t want to display .slide-content -->
.slide-content { display:none; }
</style>

¿Cómo puedo .slideToggle al pasar el mouse por encima? ¡Gracias!

Respuestas

Prueba esto

$(".slide-header").hover(function () {
$(".slide-content").stop().slideDown("slow");
}, function(){
$(".slide-content").stop().slideUp("slow");
});

Envuélvelo en un documento listo función:

$(function(){
$(".slide-header").hover(function () {
$(".slide-content").slideToggle("slow");
});
});