$(document).ready(function() {
  $('.accordeon').hide(); // on cache tous les textes (blocs ayant la classe accordeon)
  $('.accordeon:first').show(); // on cache tous les textes (blocs ayant la classe accordeon)
  $('div.accor').click(function() { // si on clique sur un titre (ici tous les éléments contenu en les balises h4)
    $(this).next('div.accordeon:hidden').slideDown('medium') // on deroule le div caché qui suit directement le titre
    .siblings('div.accordeon:visible').slideUp('medium'); // et on cache les div similaires qui etait visible
  });
});