I've updated your fiddle. Adding the stop()
function should be enough for what I understood from your comments:
$('#projects div[class^=p-]').hover(function() {
$('#projects div[class=' + $(this).attr('class') + ']').stop().fadeTo(0, 0.2, function() { });
}, function() {
$('#projects div[class=' + $(this).attr('class') + ']').stop().fadeTo('slow', 1.0, function() { });
});
This functions stops any previous anymation. Since the hover in is prior to hover out it will stop the running animations and force it to remain faded to 0.2