jquery - ホバー機能にslideUp/slideDownを追加

Question

画像の上にカーソルを置き、元の画像の上に別の画像を表示するコードに助けられました。

$('.hoverpic').hover(function () {
    $(this).attr('src',$(this).attr('src').replace('.jpg','_hover.jpg'));
}, function () {
    $(this).attr('src',$(this).attr('src').replace('_hover.jpg','.jpg'));
});

うまく機能しますが、ホバー時に2番目の画像をslideUpし、離れるときにslideDownしたいと思います。私はこれに非常に慣れていないので、うまくいかないかもしれません。非常に単純化されたヘルプをいただければ幸いです