Thanks that worked perfectly! :-)
On Dec 16, 1:55 am, "Jeffrey Kretz" <jeffkr...@hotmail.com> wrote: > 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(); > } > ); > > });
