$(document).ready(function() {
	//il faut mettre le script là dedans pour n'effectuer le jquery QUE si la page est chargée, ça évite les erreurs
  
  $('div.accordeonJ> div').hide();
  //cette ligne cache tous les div "enfants du div avec la classe accordeon  
  
  $('div.accordeonJ> h5').click(function() {
  	//si on clique sur un des "enfants h1" du div avec classe accordeon
    
    var $nextDiv = $(this).next();
    //selection le fils suivant du h1 sur lequel on a cliqué 
    
    var $visibleSiblings = $nextDiv.siblings('div:visible');
    //prend tous les "freres" du div qui sont des div visibles (:visible), c'est donc un tableau d'éléments
 
    if ($visibleSiblings.length ) {
    	//s'il y a des éléments div visibles
    	
      $visibleSiblings.slideUp('fast', function() { 
        $nextDiv.slideToggle('fast');//et pendant qu'on les remonte, on descend le bon
       // $nextDiv.css({ color: "blue"});//Pour voir la différence, je le mets en bleu
      });
    } else {
    	//si aucun n'est visible
       $nextDiv.slideToggle('fast');
     //  $nextDiv.css({ color: "red"});//Pour voir la différence, je le mets en rouge
    }
  });
});