animate hover

animate hover

Hi,

Halp! im stuck Y__Y.

I have to animate on hover, 2 classes (.post and .viewPost), but
the second class (.viewPost) animate actives all classes. >__<.

See code:

$(".post").hover(
function() {
$(this).stop().animate({ backgroundColor : '#e8e8d1' })
$(".viewPost").stop().animate({ opacity : '1' });
}, function() {
$(this).stop().animate({ backgroundColor : '#f3f3e9' });
$(".viewPost").stop().animate({ opacity : '0' });
}
);

Is it possible to activate the specific 2 classes once .post is hovered ?
note: .viewPost is sub class of .post

Thank You!
^______________^