jQuery - 悬停时缩放DIV（及其内容），并设置其他DIV的不透明度

Question

我有4个具有相同类别的DIV，“。category-container”，基本上我需要做的是，当它徘徊时，缩放整个DIV及其中的所有内容，所以说120％。当其中一个用缩放效果悬停时，其他3个需要淡出50％的不透明度。

我知道如何进行缩放部分，但当其中一个幻灯片悬停时，我有点卡在其他3个div中发生淡出。

希望这是有道理的 - 任何人都可以帮忙吗？

扎克

Answer 1

$('.category-container').bind('mouseover',function() {
    $(this).addClass('hover');
    $('.category-container').not('.hover').fadeTo('normal',0.2);
});
$('.category-container').bind('mouseout',function() {
    $('.category-container').removeClass('hover').fadeTo('normal',1);
});

http://jsfiddle.net/8fvJN/你走了