[TYPO3] rgaccordion not working

[Stephan de Bruin]

Hello everybody,

I want to use the rgaccordion extension on my website to generate a 
menu. I'm using the TS and template below, but the menu is completely 
invisible. rgaccordion is the only extension using mootools, and i'm not 
using prototype either. Can anyone help me, please?

and another question: is it possible to change the speed of the slide?

Thanks in advance.

#####
TS:
#####

lib.accordionmenu = HMENU
lib.accordionmenu {
     entryLevel = 201

     1 = TMENU
     1 {
         wrap = <ul id="rgaccordmenu">|</ul>
         noBlur = 1
         expAll = 1

         NO = 1
         NO.wrapItemAndSub = <li>|</li>
         NO.linkWrap = <span class="empty">|</span>

         IFSUB <.NO
         IFSUB.linkWrap = <span class="toggle">|</span>
         IFSUB.doNotLinkIt = 1

         ACTIFSUB <.NO
         ACTIFSUB.linkWrap = <span class="open toggle">|</span>
     }

     2 < .1
     2 {
         wrap = <ul class="content">|</ul>
         NO.linkWrap >
         IFSUB.linkWrap = <span class="toggle2">|</span>
         ACTIFSUB.linkWrap = <span class="open toggle2">|</span>
     }

     3 < .2
     3 {
         wrap = <ul class="content2">|</ul>
     }

}
# Include the JS and CSS files
page.includeCSS.file7 = EXT:rgaccordion/res/menu/menu.css
page.includeJS.file1  = EXT:rgaccordion/res/menu/mootools.js
page.includeJS.file2  = EXT:rgaccordion/res/menu/menu.js

#####
Template
#####

<!-- Menu table cell: -->
             <div id="rgaccordmenunest">
                 <ul id="rgaccordmenu">
                   <li><span class="toggle">Menu 1</span>
                     <ul class="content">
                       <li><span class="toggle2">Menu 1.1</span></li>
                       <li><a href="#">Menu 1.2</a></li>
                     </ul>
                   </li>
                   <li><span class="toggle">Menu 2</span>
                     <ul class="content">
                       <li><a href="#">Menu 2.1</a></li>
                       <li><a href="#">Menu 2.2</a></li>
                       <li><a href="#">Menu 2.3</a></li>
                     </ul>
                   </li>
                   <li><span class="empty"><a href="#">Menu 3 </a> 
</span></li>
                   <li><span class="toggle">Menu 4</span>
                     <ul class="content">
                       <li><a href="#">Menu 4.1</a></li>
                       <li><a href="#">Menu 4.2</a></li>
                     </ul>
                   </li>
                 </ul>
             </div>

Greetings,
Stephan
rg