AnyLink JS Drop Down Menu v2.2 - only first dd works

[grlfriday]

1) Script Title: AnyLink JS Drop Down Menu v2.2

2) Script URL (on DD): http://www.dynamicdrive.com/dynamicindex1/dropmenuindex.htm

3) Describe problem: I'll start by saying I'm a JS novice and am trying to learn by doing, which is probably the real problem. On this page http://harpercountyherald.com/AMC/index_amc.html why does only one instance of the dropdown work? I have it coded so there should be THREE dropdowns (Rural Health Clinics, Outpatient Specialty Clinics and About AMC should all have dropdowns), but only the first one works. Not sure if I've given enough info, but any help would be much appreciated!

[ddadmin]

The "rel" attribute of each anchor link needs to be set to the variable name that holds the drop down menu contents inside menucontents.js. With that in mind, there is a mismatch in values between the second anchor link's rel attribute and what's specified inside menucontents.js:


<li><a href="#" class="menuanchorclass" rel="outpatientspecialtyclinics">Outpatient Specialty Clinic</a></li>

The code in red should be "outpatientspecialtyclinic" (without the "s") so it matches up with the variable name defined inside menucontents.js