Well, I tried this:
$(document).ready(function() {
$('#menu-details-index').hide();
$('#li-index').mouseover(function() {
var answer = $('#menu-details-index');
if (answer.is(':not visible')) {
answer.slideDown();
}
$('#li-index').mouseout(function() {
var answer = $('#menu-details-index');
if (answer.is(':visible'))
answer.slideUp();
})
});
});
But now the #menu-details-index div won't stay open when
I mouseout from the #li-index li.
How would I keep the #menu-details-index open?
Rick
> -----Original Message-----
> From: jquery-en@googlegroups.com [mailto:[EMAIL PROTECTED] On Behalf Of Rick
> Faircloth
> Sent: Tuesday, January 15, 2008 8:48 AM
> To: jquery-en@googlegroups.com
> Subject: [jQuery] Re: Attempts failing to cause div to slide up, slide down
>
>
> 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
> > >
> >
> >
>
>
