Alright... this is getting me close to the proper
animation on each li in the menu.
$(document).ready(function() {
$('#menu-details').hide();
$('li').mouseover(function() {
$('#menu-details').slideToggle();
return false;
});
});
However, I've got to prevent every menu item from opening
and closing the menu-details div if menu items are passed
over quickly.
My thought is to integrate the hoverIntent plugin. ???
Also, this doesn't tackle the issue of knowing what details
should be displayed based on what li is be moused-over.
I guess I could give each li a distinct id, such as
#li-buyers, #li-sellers and then have the content hard-coded
into the menu-details div's. I would also need to hard-code
each menu-detail div with a separate id for now, such as
#menu-detail-buyers, #menu-details-sellers...
That seems like it would at least provide a working solution
until I can figure out an ajax approach.
Thoughts?
Rick
> -----Original Message-----
> From: jquery-en@googlegroups.com [mailto:[EMAIL PROTECTED] On Behalf Of Rick
> Faircloth
> Sent: Tuesday, January 15, 2008 5:17 AM
> To: jquery-en@googlegroups.com
> Subject: [jQuery] Re: Attempts failing to cause div to slide up, slide down
>
>
> Hi, Karl...
>
> I've tried various coding approaches to implement
> what described below, but everything has failed to meet
> expectations to this point.
>
> Could you provide an example of how you're thinking I should
> go about this?
>
> Also, would the new .bind("mouseenter")/.bind("mouseleave")
> functionality in the new jQuery 1.2.2 be more useful than .hover?
>
> Thanks,
>
> Rick
>
> > -----Original Message-----
> > From: jquery-en@googlegroups.com [mailto:[EMAIL PROTECTED] On Behalf Of Karl
> > Swedberg
> > Sent: Sunday, January 13, 2008 6:47 PM
> > To: jquery-en@googlegroups.com
> > Subject: [jQuery] Re: Attempts failing to cause div to slide up, slide down
> >
> >
> > Hi Rick,
> >
> > You might want to attach one .hover() method to the UL instead of the
> > LIs and have that one slide the other element down and up. Then,
> > attach another .hover() to the LIs so that you can have different
> > content displayed depending on which one is being hovered.
> >
> > --Karl
> > _________________
> > Karl Swedberg
> > www.englishrules.com
> > www.learningjquery.com
> >
>
>
