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(){.小提琴这里.