Accordion Menu script (v1.7.1)

[Casrum]

1) Script Title: Accordion Menu script (v1.7.1)

2) Script URL (on DD): http://www.dynamicdrive.com/dynamicindex17/ddaccordionmenu-urban.htm

3) Describe problem:

I have it so when you mouseover a header its sub navigation should open beneath it. I can't figure out why when I hover over my 'Home' main header a different sub navigation drops down and its the same for 'Community' header as well. I just want them to work in sync so people don't get confused.

This is my website that is having problems. Check it out http://www.virtualhangout.demanchick.com

[ddadmin]

The class "headerbar" should not be added inside headers with no sub contents, since it's used to identify heades with sub contents. In other words, remove the code in red below:


<h3 class="headerbar"><a href="index.html"><img src="images/nav/home.png" width="170" height="28" /></a></h3>

<h3 class="headerbar"><a href="membership.html"><img src="images/nav/membership.png" width="170" height="28" /></a></h3>

<h3 class="headerbar"><a href="community.html"><img src="images/nav/community.png" width="170" height="28" /></a></h3>
<ul class="submenu">
<li><a href="http://www.link.com">Sub Page</a></li>
<li><a href="http://www.link.com">Sub Page</a></li>

<li><a href="http://www.link.com">Sub Page</a></li>
<li><a href="http://www.link.com">Sub Page</a></li>
<li><a href="http://www.link.com">Sub Page</a></li>
<li><a href="http://www.link.com">Sub Page</a></li>
</ul>

<h3 class="headerbar"><a href="community.html"><img src="images/nav/faq.png" width="170" height="28" /></a></h3>
<ul class="submenu">
<li><a href="http://www.link.com" >Sub Page</a></li>
<li><a href="http://www.link.com">Sub Page</a></li>
<li><a href="http://www.link.com">Sub Page</a></li>

</ul>