Javascript 在mouseleave上将所有内容返回到以前的状态

我已经把这本书整理好了

.投资组合{
高度：50px；
宽度：200px；
浮动：左；
利润率：20px 20px 0；
背景色：红色；
}
#包装纸{
宽度：500px；
}
.投资组合：悬停{
}
$（'.portfolio'，'#wrapper'）。悬停（函数（）{
$（'.portfolio'，'#wrapper'）。不是（这个）。停止（）({
不透明度：.2
}, 500);
$（this）.stop（）.animate({
不透明度：1
}, 500);
});
$（'.portfolio'，'#wrapper'）.mouseleave（函数（）{
（'.portfolio'，'#wrapper'）。动画（{opacity:1500}）；
});

我希望在鼠标离开包装器时将所有元素返回到不透明度：1

试试这个：

$('.portfolio', '#wrapper').hover(function () {
    $('.portfolio', '#wrapper').not(this).stop().animate({
        opacity: .2
    }, 500);
}, function (){
    $('.portfolio', '#wrapper').stop().animate({
        opacity: 1
    }, 500);
});

---

你的小提琴里少了一个

$

。你知道

$（'.portfolio'，'#wrapper'）中缺少一个
$
。mouseleave（function（）{！！！！HERE！！！！！（'.portfolio'，'#wrapper'）。animate（{opacity:1500）；}），对吗？我不相信添加
$
实际上能让它按预期工作。这当然会使代码运行无误，但我认为效果最终是错误的。据我所知，您应该能够清楚地看到元素，直到您将鼠标移到其中一个元素上。离开会恢复到原来的状态，也就是能够看到所有的东西。看来，这是个不错的机修工。
$('.portfolio', '#wrapper').hover(function () {
    $('.portfolio', '#wrapper').not(this).stop().animate({
        opacity: .2
    }, 500);
}, function (){
    $('.portfolio', '#wrapper').stop().animate({
        opacity: 1
    }, 500);
});