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 >