Una función que se ejecute una vez por cada elemento

[ztgst]

Hola que tal?, soy un poco nuevo en esto de jquery, y aunque he tratado de buscar info en google, creo que no hago mi busqueda correctamente. Bueno, el caso es asi:

tengo esta función:

Código Javascript:

$(".red").css('display','none');
$(".imgs").mouseover(function(){$(".red").css('display','block');
});
$(".imgs").mouseleave(function(){
$(".red").css('display','none');
});
 

donde .red es un div y .imgs es una clase agregada a varias imagenes, el problema es que necesito que la funcion muestre el .red correspondiente a la imagen sobre la que estoy, la funcion va bien, pero cuand estoy sobre cualquier imagen me muestra todos los divs.

Los div se generan automaticamente por php, osea que todos se llaman .red, talvez es cuestion de clases, si es asi me ayudaria mucho que me explicaran.

De antemano gracias

[David]

Usa $(this) en el mouseover en lugar de $(".red")