Deutsch  English  

rgaccordion innerhalb eines Menüs

Man kann mit mootools und einem Accordion auch wunderbar ein Menü zusammenbauen, wie das Beispiel unterhalb beweist. Das Beispiel befindet sich auch bei der Extension mit dabei (res/menu/*).


Der Fantasie dürften keine Grenzen gesetzt sein!
Viel Vergnügen!

Menü

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 <.IFSUB
		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