Help with Javascript drop down menu in header.php

[arjeta]

Hi there,

I have created a header.php file in which I have the menu code as shown below (only part of it):

<ul id="MenuBar" class="MenuBarHorizontal">
<li><a class="MenuBarItemSubmenu" href="11.php">Text 1</a>
<ul><li><a href="12.php">Text 2</a></li>
<li><a href="13.php">Text 3</a></li>
<li><a href="14.php">Text 4</a></li>
<li><a href="15.php">Text 5</a></li>
</ul>
</li>
<li> <a style="background:url(images/icon-active.gif) no-repeat 50% 100%;" class="MenuBarItemSubmenu" href="21.php">Text 4</a>
<ul>
<li><a class="MenuBarItemSubmenu" href="22.php">Text 5</a></li>
<li><a href="23.php">Text 6</a></li>
</ul>
</li>

So, my dropdown menu has stuck in the second part of my menu (see code above). I need to write a code in which my dropdown menu will go automatically in the place depending the page that a visitor will visit. My function was to skin the WordPress blog to match the site.

I appreciate your help please!

Thanks.