js toggle open/close aside et croix fermeture

web/themes/custom/reha/js/reha.js

@@ -97,25 +97,51 @@ jQuery(document).ready(function($){
       $(window).resize(function() {
           checkMobileAndApplyClass();
       });
-      // Vérifier l'état initial depuis sessionStorage
-      if (sessionStorage.getItem('asideOpened') === 'true') {
-          $(".layout-sidebar-second").addClass('close');
-          $(".layout-sidebar-second h2").addClass('__close');
-      }
 
-      $(".view-current-user-doc-profile").click(function(event) {
-          // Ouvrir .tiroir fichiers
-          $(".layout-sidebar-second").addClass('close');
-          $(".layout-sidebar-second h2").addClass('__close');
-          sessionStorage.setItem('asideOpened', 'true');
+      // $("aside.layout-sidebar-second h2").click(function(event) {
+      //   const aside = $(".layout-sidebar-second");
+      //   const heading = $("aside.layout-sidebar-second h2");
+    
+      //   // Vérifie si la classe 'close' est présente
+      //   const isClosed = aside.hasClass('close');
+    
+      //   if (isClosed) {
+      //       aside.removeClass('close');
+      //       heading.removeClass('__close');
+      //       sessionStorage.setItem('asideOpened', 'false');
+      //   } else {
+      //       aside.addClass('close');
+      //       heading.addClass('__close');
+      //       sessionStorage.setItem('asideOpened', 'true');
+      //   }
+      // });
+    
+
+      // Gestion toggle du panneau au clic sur le h2
+      $("aside.layout-sidebar-second h2").click(function () {
+        const aside = $(".layout-sidebar-second");
+        const heading = $("aside.layout-sidebar-second h2");
+        const isClosed = aside.hasClass('close');
+
+        if (isClosed) {
+            aside.removeClass('close');
+            heading.removeClass('__close');
+            sessionStorage.setItem('asideOpened', 'false');
+        } else {
+            aside.addClass('close');
+            heading.addClass('__close');
+            sessionStorage.setItem('asideOpened', 'true');
+        }
       });
 
-      $("#block-reha-views-block-current-user-doc-profile-block-1 > h2").click(function(event) {
-          // Fermer .tiroir fichiers
-          $(".layout-sidebar-second").removeClass('close');
-          $(".layout-sidebar-second h2").removeClass('__close');
-          sessionStorage.setItem('asideOpened', 'false');
-      });
+// Forcer la fermeture du panneau au clic sur .views-field-title
+$("aside.layout-sidebar-second .view-current-user-doc-profile .views-field-title").click(function () {
+  $(".layout-sidebar-second").addClass('close');
+  $(".layout-sidebar-second h2").addClass('__close');
+  sessionStorage.setItem('asideOpened', 'true');
+});
+
+
   });
 
 });