I have made this slide Down function for my navigation menu with some help. Firefox no longer spits out errors but the code is acting weird. It seems that main menu is used to select which sub menu to show (correct), but the hover action doesnt take place till I hover over an image map that has nothing to do with the navigation menu.
I have tried several changes to the name and ID attributes in hopes that was the problem, but still same problem persitsts.
Here is the jquery code:
Code:
var currentSpan = 1;
function showMe() {
$("span").hover(function() {
$("#ex_"+currentSpan).slideDown(500);
},
function() {
$("#ex_"+n).slideUp(500);
});
currentSpan = n;
}
Here is the image map code (which works fine by itself):
Code:
<span class="menu" id="menu">
<map name="menu" id="menu">
<area alt="memberships" shape="rect" coords="134, 143, 176, 166" href="#"/>
<area alt="memberships" shape="rect" coords="188, 143, 231, 166" href="#"/>
<area alt="memberships" shape="rect" coords="243, 143, 285, 166" href="#"/>
<area alt="memberships" shape="rect" coords="297, 143, 340, 166" href="#"/>
<area alt="memberships" shape="rect" coords="351, 143, 394, 166" href="#"/>
</map>
<img src="image/fsummary.png" alt="membership comparison" usemap="#menu" width="" height="" vspace="5" hspace="1"/><br><br>
</span>
Here is the link to the page:
http://royalvillicus.com/reforeclosure.php
Hope someone can help me with my predicament
Before you post, read our: 
