toggle actu sur H2

web/themes/custom/quartiers_de_demain/dist/assets/bundle.js

@@ -388,38 +388,45 @@ $(document).ready(function () {
   if ($("#actualites" ).length > 0 || $("#home").length > 0)  {
     $(".node-type-actualite").each(function () {
       let article = $(this);
-
+  
       let body = article.find(".field_body");
       let links = article.find(".field_field_liens");
-
+  
       body.hide();
       links.hide();
-
+  
       let toggleButton = $("<button>")
           .addClass("toggle-actualite")
           .insertAfter(article);
-
+  
-      toggleButton.on("click", function () {
+      // Fonction de toggle (à utiliser partout)
+      function toggleActu() {
           body.slideToggle();
           links.slideToggle();
-          $(this).toggleClass("open");
+          toggleButton.toggleClass("open");
-      });
+      }
-      
+  
-         // Clic sur la flèche
+      // Clic sur le bouton
       toggleButton.on("click", function (e) {
-        e.stopPropagation(); // évite des conflits éventuels
+          e.stopPropagation();
-        toggleActu();
+          toggleActu();
       });
-
+  
-      // Clic n'importe où sur le node
+      // Clic sur le node entier sauf liens
       article.on("click", function (e) {
-        // Optionnel : ne pas toggle si on clique sur un lien
+          if ($(e.target).closest("a").length) {
-        if ($(e.target).closest("a").length) {
+              return;
-          return;
+          }
-        }
+          toggleActu();
-        toggleActu();
       });
-    });
+  
+      // 👉 Clic aussi sur le H2
+      article.find("h2").on("click", function (e) {
+          e.stopPropagation();
+          toggleActu();
+      });
+  });
+  
     // slimselect
     // duplicated due to embeded view (archives)
     let actu_type_select = new SlimSelect({

web/themes/custom/quartiers_de_demain/src/assets/js/quartiers_de_demain.js

@@ -330,38 +330,45 @@ $(document).ready(function () {
   if ($("#actualites" ).length > 0 || $("#home").length > 0)  {
     $(".node-type-actualite").each(function () {
       let article = $(this);
-
+  
       let body = article.find(".field_body");
       let links = article.find(".field_field_liens");
-
+  
       body.hide();
       links.hide();
-
+  
       let toggleButton = $("<button>")
           .addClass("toggle-actualite")
           .insertAfter(article);
-
+  
-      toggleButton.on("click", function () {
+      // Fonction de toggle (à utiliser partout)
+      function toggleActu() {
           body.slideToggle();
           links.slideToggle();
-          $(this).toggleClass("open");
+          toggleButton.toggleClass("open");
-      });
+      }
-      
+  
-         // Clic sur la flèche
+      // Clic sur le bouton
       toggleButton.on("click", function (e) {
-        e.stopPropagation(); // évite des conflits éventuels
+          e.stopPropagation();
-        toggleActu();
+          toggleActu();
       });
-
+  
-      // Clic n'importe où sur le node
+      // Clic sur le node entier sauf liens
       article.on("click", function (e) {
-        // Optionnel : ne pas toggle si on clique sur un lien
+          if ($(e.target).closest("a").length) {
-        if ($(e.target).closest("a").length) {
+              return;
-          return;
+          }
-        }
+          toggleActu();
-        toggleActu();
       });
-    });
+  
+      // 👉 Clic aussi sur le H2
+      article.find("h2").on("click", function (e) {
+          e.stopPropagation();
+          toggleActu();
+      });
+  });
+  
     // slimselect
     // duplicated due to embeded view (archives)
     let actu_type_select = new SlimSelect({

web/themes/custom/quartiers_de_demain/src/assets/scss/quartiers_de_demain.scss

@@ -15,6 +15,7 @@
 @import "global/layout";
 @import "global/reset";
 @import "global/mediaquerries";
+
 // @import "global/_animated-logo";