Something I didn't mention earlier is that I need for the visitor
to be able to mouseover the menu item, have the 'menu-details' div slide down,
then allow the visitor continue to mouseover the div content with the div 
sliding up...

Rick

> -----Original Message-----
> From: jquery-en@googlegroups.com [mailto:[EMAIL PROTECTED] On Behalf Of Rick
> Faircloth
> Sent: Sunday, January 13, 2008 3:55 PM
> To: jquery-en@googlegroups.com
> Subject: [jQuery] Re: Attempts failing to cause div to slide up, slide down
> 
> 
> Hi, Besh... and thanks for the reply.
> 
> I realized my mistakes with the targeting of the 'a' selectors
> after Karl replied.  <<sheepish grin>>
> 
> My reply to Karl should show where I need some help next.  It should
> be up anytime.
> 
> Thanks!
> 
> Rick
> 
> 
> 
> > -----Original Message-----
> > From: jquery-en@googlegroups.com [mailto:[EMAIL PROTECTED] On Behalf Of besh
> > Sent: Sunday, January 13, 2008 9:22 AM
> > To: jQuery (English)
> > Subject: [jQuery] Re: Attempts failing to cause div to slide up, slide down
> >
> >
> > Well, let's take a look on your jQuery code:
> >
> > $(document).ready(function() {
> >   $('div.image-wrapper').find('div.menu-details').hide() // well, this
> > works fine, even if I don't get why you use class instead of id to
> > locate the menu-details (you have the id="menu-details" in the markup
> > as well)
> >     .end().find('a').mouseover(function() { // now you're looking for
> > <a>s inside div.image-wrapper and there just are no <a>s in the
> > markup, therefore nothing happens at all
> >     ...
> >     ...
> >     });
> > });
> >
> > ...what <a>s are you looking for? Maybe just tell us in your own words
> > and we'll translate that to jQuery for you.
> >
> > --
> > Bohdan Ganicky
> >
> > On Jan 13, 2:55 pm, "Rick Faircloth" <[EMAIL PROTECTED]> wrote:
> > > Hi, all.
> > >
> > > I've made several attempts to figure out how to
> > > cause a div to slide up and slide down when a menu item
> > > is moused-over but so far, all attempts have failed.
> > >
> > > I can get the div to hide upon initialization of the page,
> > > but the slide is non-responsive.
> > >
> > > My jQuery has been tried like this:
> > >
> > >        $(document).ready(function() {
> > >
> > > $('div.image-wrapper').find('div.menu-
> details').hide().end().find('a').mouseover(function()
> > {
> > >                         var answer = $('div.menu-details');
> > >                         if (answer.is(':visible')) {
> > >                                 answer.slideUp();
> > >                         } else {
> > >                                 answer.slideDown();
> > >                                 }
> > >                         });
> > >                 });
> > >
> > > and like this:
> > >
> > >         $(document).ready(function() {
> > >
> > > $('div.image-wrapper').find('div.menu-
> details').hide().end().find('a').mouseover(function()
> > {
> > >                         toggle('div.menu-details');
> > >                         });
> > >                 });
> > >
> > > but neither variation has worked.
> > >
> > > The menu is a routine <ul><li><a href="." construct.
> > >
> > > Anyone see any errors and perhaps have another way to go about this?
> > > I'm trying at this point just to get a single, blank div to respond to 
> > > the jQuery,
> > > however, eventually, the content in the div will be based upon the menu 
> > > item moused-over.
> > >
> > > The url to view my attempts ishttp://c21ar.wsm-dev.com.
> > >
> > > The goal is to make something with HTML and jQuery which emulates the 
> > > functionality for
> the
> > to menu
> > > at this site:  http://www.AtlantaFalcons.com
> > >
> > > Thanks for any assistance and thoughts!
> > >
> > > Rick
> 



Reply via email to