Efeito .animate independente

Ola pessoal to tentando faze um efeito apenas para estudo que pode ser visto aqui:
https://dl.dropbox.com/u/22618831/jquery.html

aonde ao passar o mouse em cima de uma class ele sobe uma outra mais eu queria que cada uma fosse independente da outro pois ai nesse link vc coloca o mouse sobre uma class ele sobe todas queria que cada um fosse independente da outro sem utilizar div

Código javascript:

<script type="text/javascript">
$(document).ready(function() {
	$('#pai').mouseenter(function(){
 $('#filho').animate({
 "top": "-200"}, 300);
	});
	$('#pai').mouseleave(function(){
 $('#filho').animate({"top": "-400"}, "slow");

	});

	$('.capa').mouseenter(function(){
 $('.menuCapa').animate({"top": "-200"}, "slow");
	}).mouseleave(function(){
 $('.menuCapa').animate({"top": "0"}, "slow");
	});
});

</script>