[jQuery] Attempts failing to cause div to slide up, slide down

[Rick Faircloth]

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 is http://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