Deutsch  English  

rgaccordion used for a menu

It is also possible to build nice menus with mootools and an accordion as the example below shows.  The example comes also with the extension rgaccordion and is saved in (res/menu/*).

It can be used without any limits!
Have fun!

Menu

TS-Code

TypoScript
lib.accordionmenu = HMENU
lib.accordionmenu {
	special = list
	special.value = 40,108,154,165

	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