[jQuery] Jquery slideDown confusion
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:
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):
<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"/>
</span>
link:
http://royalvillicus.com/reforeclosure.php
Thanks a lot for your help