jQuery - 在DIV上放大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/在这里你去