I have a client who's designed a menu with a tricked-out dropdown for the child pages of only one parent page, and he'd like to have it use the new custom menu option. I know how to code custom menus but not how to add the extra code in the middle that will trick out his dropdown the way he wants. (The stuff in the div labeled "bottom" adds rounded corners, and the secondary menu also has alternating classes for the li's, just to make things more interesting.) Can somebody give me some advice on how to make this happen?
Here's the way the dropdown was coded in straight html:
<ul id="nav">
<li><a href="#">HOME</a></li>
<li><a href="#">Page 2</a>
<div class="drop">
<ul>
<li><a href="#">Subpage 1</a></li>
<li class="alt"><a href="#">Subpage 2</a></li>
<li><a href="#">Subpage 3</a></li>
<li class="alt"><a href="#">Subpage 4</a></li>
<li><a href="#">Subpage 5</a></li>
<li class="alt"><a href="#">Subpage 5</a></li>
<li><a href="#">Subpage 6</a></li>
<li class="alt"><a href="#">Subpage 7</a></li>
</ul>
<div class="bottom">
<div class="box-center"></div>
<div class="box-right"></div>
</div><!-- /bottom -->
</div><!-- /drop -->
</li>
<li><a href="#">Page 3</a></li>
<li><a href="#">Page 4</a></li>
<li><a href="#">Page 5</a></li>
<li><a href="#">Page 6</a></li>
<li><a href="#">Page 7</a></li>
<li><a href="#">Page 8</a></li>
<li><a href="#">Page 9</a></li>
</ul>
Please help! Thanks in advance!