// JavaScript Document

jQuery(function($){ 
$(".accordeon:not('.open')").hide(); // on cache tous les textes (blocs ayant la classe accordeon)
  $('.bloc-espace h2').click(function() { // si on clique sur un titre (ici tous les éléments contenu en les balises h2)
		$(this).next('div.accordeon:hidden').slideDown() // on deroule le div caché qui suit directement le titre
		$(this).prev('div.accordeon:hidden').slideDown() // on deroule le div caché qui suit directement le titre
		//.siblings('div.accordeon:visible').slideUp(); // et on cache les div similaires qui etait visible
		$(this).parent().next().children('div.accordeon:visible').slideUp(); // et on cache les div similaires qui etait visible
		$(this).parent().prev().children('div.accordeon:visible').slideUp(); // et on cache les div similaires qui etait visible
		$(this).children("a").each( function () {
			// On stocke le contenu du span :
			var TexteSpan = $(this).text();
			$(this).replaceWith('<span>' + TexteSpan + '</span>') ;
		} ) ;
		$(this).parent().next('div.bloc-espace').children("h2").children("span").each( function () {
			// On stocke le contenu du span :
			var TexteSpan = $(this).text();
			$(this).replaceWith('<a>' + TexteSpan + '</a>') ;
		} ) ;
		$(this).parent().prev('div.bloc-espace').children("h2").children("span").each( function () {
			// On stocke le contenu du span :
			var TexteSpan = $(this).text();
			$(this).replaceWith('<a>' + TexteSpan + '</a>') ;
		} ) ;
  });
});