Try using the mouseenter and mouseleave special events.
$(...).bind('mouseenter mouseleave', function(event) {
if ( event.type == 'mouseenter' ) {
// just entered
} else {
// just left
}
});
You can also use the .hover helper method which uses mouseenter and
mouseleave behind the scenes.
$(...).hover(fn1, fn2);
--
Brandon Aaron
On Sun, Aug 31, 2008 at 8:26 PM, MikeyJ <[EMAIL PROTECTED]> wrote:
>
> Hi All,
>
> I'm working on something similar in functionality to the lexus
> website.
>
> I've got a nav element that shows a large div on mouseover and hides
> it on mouseout. This div can hold other elements like thumbnails and
> form fields. When I move the mouse into the div all is well until I
> move over any other element in the div and then the div hides.
>
> How can I keep the div showing no matter where I move the mouse inside
> of it?
>
> Thx,
> Mike
>
