jquery - 追加情報を含む div の上にマウスをスライドさせる - 方法は?

Question

http://snapguide.comで画像の上にマウスを置くと、追加の div がスライドして追加のコンテンツを表示します。

この効果を達成する簡単な方法はありますか...または、誰もが知っているjQueryプラグインまたはハウツーチュートリアルさえあるのでしょうか? ウェブサイトのソースコードを見ようとしましたが、正確に何が効果を引き起こすのかについて、私の理解を少し超えています.

Google で検索してみましたが、効果の名前が正確にわからないので、少し迷っています。助けてくれてありがとう:)

Answer 1

この種のコードを試すことができます：

$(el).css({position: 'relative'})

$(el).hover(function(){
    $(this).animate({position: 'relative', top: '-20px'}, 1000)
}, function(){
    $(this).animate({position: '', top: ''}, 1000)
})

このフィドルを見て、レンダリングを確認してください。