Javascript dropdown navigation

[rbboyl]

The dropdown menu uses jquery to give it a sliding/fading effect. I was able to nest the list and still have the menu work.

My revised question is how to add the rel="ddsubmenu1" attribute to the main links that have sub-menu items if GetSmple is generating the menu?

Updated code:

Code:

<ul>
                    <li><a href="#">Home</a></li>
                    <li><a href="#" rel="ddsubmenu1">Buying</a>
                        <ul id="ddsubmenu1" class="ddsubmenustyle">
<li><a href="#">Menu Item 1</a></li>
<li><a href="#">Menu Item 2</a></li>
<li><a href="#">Menu Item 3</a></li>
</ul>
                    </li>
                    <li><a href="#" rel="ddsubmenu2">Selling</a>
                    <ul id="ddsubmenu2" class="ddsubmenustyle">
<li><a href="#">Menu Item 1</a></li>
<li><a href="#">Menu Item 2</a></li>
<li><a href="#">Menu Item 3</a></li>
</ul>
                    </li>
                    <li><a href="#" rel="ddsubmenu3">Resources</a>
                    <ul id="ddsubmenu3" class="ddsubmenustyle">
<li><a href="#">Menu Item 1</a></li>
<li><a href="#">Menu Item 2</a></li>
<li><a href="#">Menu Item 3</a></li>
</ul>
                    </li>
                    <li><a href="#" rel="ddsubmenu4">About</a>
                    <ul id="ddsubmenu4" class="ddsubmenustyle">
<li><a href="#">Menu Item 1</a></li>
<li><a href="#">Menu Item 2</a></li>
<li><a href="#">Menu Item 3</a></li>
</ul>
                    </li>
                    <li><a href="#">Careers</a></li>
                    <li><a href="#">Contact</a></li>
                </ul>
            </div>
            <script type="text/javascript">
ddlevelsmenu.setup("ddtopmenubar", "topbar") //ddlevelsmenu.setup("mainmenuid", "topbar|sidebar")
</script>