/*
* d'apres un article de Thomas Dedericks
* tire du site alsacreation
* http://css.alsacreations.com/Tutoriels-JavaScript/Creer-un-menu-accordeon-avec-jQuery
*/
<!--
$(document).ready( function () {
		// On cache les sous-menus
		// sauf celui qui porte la classe "open_at_load" :
		$("ul.subMenu:not('.open_at_load')").hide();
		// On selectionne tous les items de liste portant la classe "toggleSubMenu"

		// et on remplace l'element span qu'ils contiennent par un lien :
		$("li.toggleSubMenu span").each( function () {
				// On stocke le contenu du span :
				var TexteSpan = $(this).text();
				$(this).replaceWith('<a href="" title="Afficher le sous-menu">' + TexteSpan + '</a>') ;
		} ) ;

		// On modifie l'evenement "click" sur les liens dans les items de liste
		// qui portent la classe "toggleSubMenu" :
		$("li.toggleSubMenu > a").click( function () {
				// Si le sous-menu etait deja ouvert, on le referme :
				if ($(this).next("ul.subMenu:visible").length != 0) {
						$(this).next("ul.subMenu").slideUp("normal", function () { $(this).parent().removeClass("open") } );
				}
				// Si le sous-menu est cache, on ferme les autres et on l'affiche :
				else {
						$("ul.subMenu").slideUp("normal", function () { $(this).parent().removeClass("open") } );
						$(this).next("ul.subMenu").slideDown("normal", function () { $(this).parent().addClass("open") } );
				}
				// On empêche le navigateur de suivre le lien :
				return false;
		});

} ) ;
// -->