Javascript Expanding navigation/ link tree? (DHTML MENU= NO GO)

Hi,

I'd like to add the capability to my site so that when one would click on a link that has children/ sub links, it would expand via java-script w/o going to or reloading the page.

I've been recommended the use of the dhtml_menu module, but It seems i just can't get it to work.

Here is the code for my navigation.

<div id="sidebarmenu">

      <div id="head-message"></div></div>

        <div class="block block-menu" id="block-menu-74">
    <h2 class="title">Site Navigation</h2>
    <div class="content">

<ul class="menu">
<li class="leaf"><a href="/drupal5.6BDC/?q=dhfdhfdh" title="fdhfdhdf">dfghdfh</a></li>
<li class="leaf"><a href="/drupal5.6BDC/?q=sdggsd" title="dsgdsag">dfhdf</a></li>
<li class="collapsed"><a href="/drupal5.6BDC/?q=---">Try</a></li>

</ul>
</div>
 </div>

Basically, I just need the subs to expand upon being clicked on, as said above by using javascript, or the dhtml_module which I can't get to work. (Had to link the dhtml_menu javascript file manually, and it seems it didn't add any of the required code either..?)

Thanks,

Jon.