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