Jquery Hover Opacity，我这里遗漏了什么？

Question

我的jquery知识有点(更像是)生疏了。由于某些原因，我不能弄清楚我在这里遗漏了什么，当绿色框悬停在上面时，使蓝色框变暗。

脚本：

 $(document).ready(function() {
    $(".hover-text").hover({
    $(".hover-hide").animate({
        opacity: 0.4,
    }, 500);
    });​

html：

 <div class="hover-hide">
    <div class="hover-text">
        BLAH
    </div>
    </div>

css：

 .hover-hide{
    width:200px;
    height:200px;
    background-color:blue;
    padding:30px;
    }
    .hover-text{
    color:white;
    background-color:green;
    padding:10px;
    width:auto;
    margin-top:20px;
    }​​

非常感谢！:)

Answer 1

.hover的第一个参数是回调函数，它应该是$('.hover-text').hover(function(){。小提琴here。

Answer 2

在.hover调用之后，您会错过function。此外，在.ready();的末尾还缺少一个结束括号和圆括号

应该是：

$(document).ready(function() {     

    $(".hover-text").hover( function() {     
        $(".hover-hide").animate({ opacity: 0.4, }, 500);     
    });

});

这里有一个小把戏：http://jsfiddle.net/TMZhJ/