// des que la page est ouverte
$(document).ready(function() {
	// menu interactif	
	$('div#menu ul').each(function() {
		
		$(this).append('<ul class="sub-menu"></ul>');
		$(this).children('li.section-title').nextAll('li').appendTo($(this).children('ul.sub-menu'));
		$(this).children('ul.sub-menu').children('li.active').parent().addClass('menu-active').addClass('sub-menu-open');
		
		if($(this).children('ul').has('.sub-menu') ) {

			$(this).children('li').bind('click',function() {
				if($(this).parent().children('ul').css('display') == 'none') {
					$('div#menu ul ul.sub-menu-open').slideUp(200);
					$(this).parent().children('ul').addClass('sub-menu-open').delay(210).slideDown();
				}else  $(this).parent().children('ul').removeClass('sub-menu-open').delay(210).slideUp(200);
				return false;
			});
			$(this).children('a').attr('href','#'+$(this).children('a').text()); 
		}
	});
});