jQueryで下からスライド

jQueryを使ってスライド表示させると上から現れて上に消えていきます。
slideToggleってやつですね。

ただ、たまには画像の下からスライドインしてスライドアウトするようなアニメーションを
使いたくなることがあります。

$(".image").hover(function (){
$(this).children(".description:hidden").animate(
{height: "toggle",top: "toggle"},
{duration: "normal", easing: "swing"}
);
},
function (){
$(this).children(".description:visible").animate(
{height: "toggle",top: "toggle"},
{duration: "normal", easing: "swing"}
);
});

いきなりコードですがこんな感じにしてみたらいいかもしれません。

サンプルはこちら。

sample01