[jQuery] Hovering the mouse through multiple div's that intersect?

[Janmansilver]

I have 4 div "boxes" that intersect with each other. They are all
supposed to fade in if the mouse is hovering over any of them and not
fade out when the mouse hovers from from one div "box" to another
directly, only when the mouse leaves the area that all the divs cover,
are they supposed to fade out.

How do I solve this?

(to make it a bit more complicated I would also like to make 2 of the
divs fade slower than the rest.)

$('.wPictures,#wInfo').hover(
      function () {
        $('.wPictures,#wInfo').animate({opacity: 1.0,}, 1);
        $('#wLeft,#wRight').show();
      },
      function () {
        $('.wPictures,#wInfo').animate({opacity: 0.0,}, 250);
        $('#wLeft,#wRight').hide();
      }
    );

});