Эффект переворачивания картинки при наведении
 

Хочу сделать на javascript (без флэша) эффект переворачивания как вот здесь http://www.templatemonster.com/flash...tes/35762.html

<script>
$('.imgcontainer').mouseover(function(){
$(this).children('img').first().animate({height:'200px'},200);
$(this).children('img').last().animate({height:'0'},200);
}).mouseout(function(){
$(this).children('img').last().animate({height:'200px'},200);
$(this).children('img').first().animate({height:'0'},200);
});
</script>

<div class='imgcontainer'>
<img src='pantera1.jpg' style='height: 0' />
<img src='pantera2.jpg' style='height: 200px' />
</div>

Но, что-то не так, не работае. В чем может быть ошибка?