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

[Jeffrey Kretz]

You could put all 4 boxes inside a containing div, and apply the hover event
to that parent div.

When you move from one child div to another, it will not fire the mouseleave
event.

JK

-----Original Message-----
From: jquery-en@googlegroups.com [mailto:jquery...@googlegroups.com] On
Behalf Of Janmansilver
Sent: Monday, December 15, 2008 4:09 PM
To: jQuery (English)
Subject: [jQuery] Hovering the mouse through multiple div's that intersect?


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();
      }
    );

});