jQuery slidetoggle varios divs a la vez con la misma clase: javascript, jquery, html, slidetoggle

Estoy tratando de usar slideToggle() en múltiples div hover "s, mostrando otro div en su respetado contenedor div. Ejemplo:

<div class="container">123
<div class="content">ABC</div>
</div>
<div class="container">123
<div class="content">ABC</div>
</div>

Se ejecuta en una página dinámica, por lo que el número de contenedores puede variar de 1 a 25. Estoy tratando de deslizarme "content" clase de cada div en el contenedor se desplaza. Yo uso este jQuery

function slide() {
$(".content").slideToggle("fast");
return false;
}

$(".container").hover(slide, slide);

Sin embargo, solo funcionará en el primer contenedor / contenido div. ¿Cómo puedo hacer que se deslice para alternar cada div creado sin 25 funciones jQuery diferentes? Cualquier ayuda se agradece, gracias.

Respuestas

$(".container").hover(function(){
$(this).find(".content").slideToggle();
});

Asegúrate de esconderte .content por defecto.

.content{
display:none;
}

cheque trabajando ejemplo

Debe relacionar el contenedor con el contenido correcto.

function slide() {
$(this).find(".content").slideToggle("fast");
return false;
}

$(".container").hover(slide, slide);

Aquí hay una ejemplo en jsfiddle.

PD ¿Por qué regresas falso en la diapositiva?

Aquí hay otra posibilidad: http://jsfiddle.net/UfjMe/5/

Funciona recorriendo cada elemento, ocultándose y luego agregando el comando de desplazamiento.