jquery - 在每个图像上滑动菜单

Question

我正在开发一个存储图像并将它们显示在一个页面上的应用程序。如果您悬停图像，菜单应向上滑动，其中包含图像信息（标题、描述、标签等）。

下面是我的代码，但它不起作用。CSS中有什么问题吗，或者它可能是什么？

提前致谢！

html:

<div class="post">
    <img src="image.png" />
    <div class="postDesc">
        content goes here...
    </div>
</div>

jQuery：

$('.post').hover(function () {
  $('postDesc').slideToggle('fast');
});

CSS：

.post {
    background: white;
    border: 1px solid black;
    width: 200px;
    height: 200px;
    margin: 0px auto;
    float: left;
    margin-left: 30px;
    margin-bottom: 30px;
    position: relative;
}

.postDesc { 
    background:#de9a44;
    width:200px; 
    height:200px; 
    display:none; 
    position:absolute;
    left: 0;
    bottom: 0;
}

Answer 1

$(function(){
    $('.post').hover(function () {
     $('.postDesc').slideDown('fast');
    },function(){
             $('.postDesc').slideUp('fast');        
    });
});

http://jsfiddle.net/mwcef/ ​</p>