Feature: set accordion structure in entrepreneur dashboard.

src/includes/entrepreneur/resources/list.pug

@@ -102,6 +102,7 @@ container.block_list.flex.flex_espace
                 loader-id="resources-loader"
                 data-src=`${endpoints.steps}1/`,
                 fields='name'
+                class="accordion"
 
                 label-name ='Step 1 '
                 label-resources=''
@@ -147,6 +148,8 @@ container.block_list.flex.flex_espace
                 multiple-language
                 label-fields=''
                 multiple-fields
+
+                class="panel"
                 
                 paginate-by="5"
             )
@@ -155,6 +158,7 @@ container.block_list.flex.flex_espace
             sib-display#circles-list(
                 data-src=`${endpoints.steps}2/`,
                 fields='name'
+                class="accordion"
 
                 label-name ='Step 2 '
                 label-resources=''
@@ -200,6 +204,8 @@ container.block_list.flex.flex_espace
                 multiple-language
                 label-fields=''
                 multiple-fields
+
+                class="panel"
                 
                 paginate-by="5"
             )
@@ -208,6 +214,7 @@ container.block_list.flex.flex_espace
             sib-display#circles-list(
                 data-src=`${endpoints.steps}3/`,
                 fields='name'
+                class="accordion"
 
                 label-name ='Step 3 '
                 label-resources=''
@@ -253,6 +260,8 @@ container.block_list.flex.flex_espace
                 multiple-language
                 label-fields=''
                 multiple-fields
+
+                class="panel"
                 
                 paginate-by="5"
             )
@@ -261,6 +270,7 @@ container.block_list.flex.flex_espace
             sib-display#circles-list(
                 data-src=`${endpoints.steps}4/`,
                 fields='name'
+                class="accordion"
 
                 label-name ='Step 4 '
                 label-resources=''
@@ -307,6 +317,8 @@ container.block_list.flex.flex_espace
                 multiple-language
                 label-fields=''
                 multiple-fields
+
+                class="panel"
                 
                 paginate-by="5"
             )
@@ -315,6 +327,7 @@ container.block_list.flex.flex_espace
             sib-display#circles-list(
                 data-src=`${endpoints.steps}5/`,
                 fields='name'
+                class="accordion"
 
                 label-name ='Step 5 '
                 label-resources=''
@@ -360,6 +373,8 @@ container.block_list.flex.flex_espace
                 multiple-language
                 label-fields=''
                 multiple-fields
+
+                class="panel"
                 
                 paginate-by="5"
             )

src/scripts/coopstarter.js

@@ -169,6 +169,23 @@ jQuery(document).ready(function($) {
   }
 
   //ENTREPRENEUR DASHBOARD*************************************************************
+
+  //Accordion by step
+  var acc = document.getElementsByClassName("accordion");
+  var i;
+
+  for (i = 0; i < acc.length; i++) {
+    acc[i].addEventListener("click", function() {
+      this.classList.toggle("active");
+      var panel = this.nextElementSibling;
+    if (panel.style.display === "block") {
+      panel.style.display = "none";
+    } else {
+      panel.style.display = "block";
+    }
+    });
+  }
+
   //In the entrepreneur dashboard, we set data from the display form to the hidden ones.
   var forms = document.querySelectorAll(".resource_by_step");
 

src/styles/index.scss

 @charset "UTF-8";
 
-@import '../../node_modules/include-media/dist/include-media';
-@import '../../node_modules/normalize.css/normalize';
+@import "../../node_modules/include-media/dist/include-media";
+@import "../../node_modules/normalize.css/normalize";
 
 @import "variables";
 @import "header";