[TYPO3] rgaccordion menu not generated at all

[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. I also use rgaccordion on another part of my 
site, not as a menu, and it works there.

I've got no errors showing in firebug.

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