Ok accordeon javascript upon header lines

app/assets/javascripts/admin.js

@@ -41,4 +41,4 @@ function on_change_type_de_champ_select (){
 
         }
     })
-}
+}

app/assets/javascripts/dossiers.js

@@ -1,5 +1,16 @@
 $(document).on('page:load', the_terms);
 $(document).ready(the_terms);
+$(document).on('page:load', init_collapse);
+$(document).ready(init_collapse);
+
+function init_collapse() {
+
+  $('.title').click(function() {
+    var section = $(this).parents().closest(".show-block").children(".body");
+    return section.slideToggle(500, function () {});
+  });
+
+}
 
 function the_terms() {
     var the_terms = $("#dossier_autorisation_donnees");
@@ -41,4 +52,4 @@ function reset_form_siret(){
 function toggle_etape_1(){
     $('.row.etape.etape_1 .etapes_menu #logos').toggle(100);
     $('.row.etape.etape_1 .etapes_informations #description_procedure').toggle(100);
-}
+}

app/assets/stylesheets/dossier_show.scss

@@ -28,7 +28,6 @@
     margin: 12px 12px 0 15px;
   }
   .header {
-    cursor: pointer;
     background-color: #003C92;
     height: 40px;
     color: #FFFFFF;
@@ -42,6 +41,7 @@
     .action {
       background-color: #E45B51;
       text-align: center;
+      float: right;
     }
     .count {
       font-size: 16px;
@@ -51,6 +51,7 @@
   .body {
     background-color: #FFFFFF;
     height: 100px;
+    display: none;
   }
   #message {
   }