$(document).ready(function() {
//area 1
$(‘.fade-area-1′).children().hover(function() {
$(this).siblings().stop().fadeTo(500,0.5);
}, function() {
$(this).siblings().stop().fadeTo(500,1);
});
//area 2
$(‘.fade-area-2′).children().hover(function() {
$(this).siblings().stop().fadeTo(500,0.5);
}, function() {
$(this).siblings().stop().fadeTo(500,1);
});
});
 

Demo: http://davidwalsh.name/dw-content/fade-except-jquery.php

fonte: www.sastgroup.com