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/在這裏你去