add offre de service

web/themes/custom/eql/eql.theme

@@ -36,7 +36,7 @@ function eql_preprocess_node(&$variables){
             //   // $variables['counter'] = $counter++;
             //   $variables['elements']['#paragraph']->item_id;
             // }
-// la fonction suivante ne sert à rien
+// la fonction suivante ne fonctionne pas
 // function eql_preprocess_field(&$variables) {
 
 //   $paragraph = &$variables['paragraph'];

web/themes/custom/eql/scripts/main.js

@@ -24,15 +24,35 @@ for (let i = 0; i < questions.length; i++) {
   const question = questions[i]
   question.addEventListener("click", toggleFaq);
 }
-
-
 function toggleFaq(event) {
-  console.log(event);
+  question.nextElementSibling.classList.toggle('opened');
-  for (let i = 0; i < answers.length; i++) {
-  const answer = answers[i]
-  answer.classList.toggle('opened');}
 }
 
+
+// function toggleFaq(event) {
+//   console.log(event);
+//   for (let i = 0; i < answers.length; i++) {
+//   const answer = answers[i]
+//   answer.classList.toggle('opened');}
+
+// }
+
+// /////////////////
+
+// document.addEventListener('click', function(e) {
+//   if (e.target.classList.contains('rect_white_left') {
+//     e.target.parentNode.nextElementSibling...
+//   }
+// });
+ 
+///////////////////
+
+// document.addEventListener('click', function(e) {
+//   if (e.target.classList.contains('rect_white_left') {
+//     e.target.parentNode.nextElementSibling.classList.toggle('opened');}
+//   }
+
+
 // fonction pour attribuer la class du parents
 
 // var fields = document.getElementsByClassName("field--name-field-titre");