Actually, the "." before the word toggle shouldn't be there.

 

It's gone now.

 

And the "menu-details" div does "hide", however, on mouseover,

it doesn't show.  I think my mouseover function needs some changes.

 

Suggestions?

 

Rick

 

From: [email protected] [mailto:[EMAIL PROTECTED] On Behalf Of Rick 
Faircloth
Sent: Saturday, January 12, 2008 3:14 PM
To: [email protected]
Subject: [jQuery] Re: Trying to show a div on mouseover of menu item...

 

Ok. I did manage to get my "menu-details" div on top of the

fading images section by moving it down in the DOM.

 

However, my jQuery code is still non-responsive.

 

Here's the code I trying:

 

      <script type="text/javascript">

      

            $(document).ready(function() {

 
$('div.image-wrapper').find('div.menu-details').hide().end().find('div.menu').find('a').mouseover(fu
nction() {

                        .toggle('div.menu-details');

                        });

                  });

                  

      </script>

 

I went ahead and put this put on my production server.

 

Here's the link:  http://c21ar.wsm-dev.com

 

Suggestions?  Anyone?

 

Thanks,

 

Rick

 

 

 

From: [email protected] [mailto:[EMAIL PROTECTED] On Behalf Of Rick 
Faircloth
Sent: Saturday, January 12, 2008 12:55 PM
To: [email protected]
Subject: [jQuery] Trying to show a div on mouseover of menu item...

 

Hi, all.

I'm trying to cause a div to slide down when a menu item is

moused-over, but so far I get no response when the mouse-over occurs.

The HTML is a regular <ul><li><a href="..> structure.

(I can give more details if it'll help)

The jquery is:

        $(document).ready(function() {

                
$('div.header').find('div.menu-details').hide().end().find('a').mouseover(function()
{

                        var answer = $('a').next();

                        if (answer.is(':visible')) {

                            answer.slideUp();

                        } else {

                            answer.slideDown();

                        }

                });

        });

I tried changing the "var answer = $('a').next();" part

to "var answer = $('div.menu-details').next();" but that didn't help.

I haven't uploaded the development site to my production server so it can be 
viewed,

but no one can see a problem from the code above, I'll go ahead and upload it.

But like I said, the menu mouse-over is causing any reaction from the jQuery 
code.

Thanks for any help.

Rick

Reply via email to