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
