Ok accordeon javascript upon header lines

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");

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 {
   }