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
