jquery - 使用 jQuery 更改其他 div 上的 CSS

Question

好的，所以基本上有 3 个 div，全部垂直堆叠。每个都分配了自己的类(.inner1、.inner2 和 .inner3)，我希望发生的情况是，当您将鼠标悬停在其中一个上时，另外 2 个淡出至 40% 透明。每个人都有能力淡出其他人。将鼠标悬停在 #1 上，#2 和 3 就会淡出。将鼠标悬停在 #2 上，#1 和 3 就会淡出……这有意义吗？

非常感谢大家!

Answer 1

对于初学者来说，这应该可以

您可以将 mouseover 和 mouseleave 事件与 animate 一起使用

$('[class*=inner]').on({
    mouseover : function() {
        $('[class*=inner]').not(this).animate({opacity : 0.4},1000);
    },
    mouseleave : function() {
        $('[class*=inner]').not(this).animate({opacity : 1},1000);
    }
});

<强> Check Fiddle