[Resolvido] Jquery agindo em todas classes ao mesmo tempo

Olá pessoal, vou começar postando o código para depois explicar meu "pequeno" problema.

<script type="text/javascript">
$(function(){
$('.posts').mouseover(function(){
	$('.reblogdetails').stop().animate({height:'100%'},300);
});
$('.posts').mouseleave(function(){
	$('.reblogdetails').stop().animate({height:'0%'},300);
});
});
</script>

<style>
.reblogdetails{
background:rgba(0,0,0,0.4);
position:absolute;
height:0%;
width:410px;
margin-left:-5px;
margin-top:-5px;
overflow:hidden;
}
</style>

Bem, é o seguinte: Ao passar o mouse na div '.posts' apareceria a div '.reblogdetails' e cobriria toda a div '.posts'. Até ai funcionou apenas com css. O problema é que eu queria que ao passar o mouse em '.posts' a div '.reblogdetails' descesse com uma animação, tipo "linear", e então recorri ao Jquery. Funcionou. O único problema é que ao passar o mouse na div '.posts' a div '.reblogdetails' aparece em todos os posts e, no meu caso, ela teria que aparecer em um de cada vez, individualmente. Qual seria a solução para este problema?