I have different divs repeated in the same page. This is the example simplified: http://jsfiddle.net/8gPCE/

What I try to do is:
-Click on a green and only his red fadeOut
-The other red fadeIn
-And when I click to anywhere else like the background all the red fadeIn

I have been hour trying and I don't find the 3 things at the same time.

Something like this doesn't work.(and I just try the 2 first things):

$(function(){

    $("#green").click(function() {
        $(this).siblings(".red").fadeOut("slow");
        $(this).parent().not(this).children(".red").fadeIn("slow");
    });

})