[TYPO3] rgaccordion menu not showing

[Stephan de Bruin]

Hello everybody,

voor mijn website wil ik gebruik maken van de rgaccordion extension om 
het menu te tonen. Ik maak gebruik van onderstaande TS, maar het menu is 
compleet onzichtbaar. Kan iemand mij helpen?

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?

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