0

私は画像を保存し、それらを1ページずつ表示するアプリケーションに取り組んでいます。画像にカーソルを合わせると、メニューに画像の情報（タイトル、説明、タグなど）が表示されます。

以下は私が持っているコードですが、動作しません。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;
}
4

1 に答える 1

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

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

于 2012-04-19T15:03:30.603 に答える