Changeset 3230271

Timestamp:

01/28/2025 08:24:40 AM (14 months ago)

Author:

aweos

Message:

Enhanced user experience by preventing overlapping or multiple open submenus

Location:

aweos-offcanvas-menu/trunk

Files:

• aweos-offcanvas-menu.php (modified) (1 diff)
• public/js/app.js (modified) (4 diffs)
• readme.txt (modified) (2 diffs)

aweos-offcanvas-menu/trunk/aweos-offcanvas-menu.php

@@ -1 +1 @@
 <?php
 /*
-Plugin Name: AWEOS Offcanvas Menu for Divi
+Plugin Name: AWEOS Offcanvas Menu for Divi 
 Plugin URI:  https://developer.wordpress.org/plugins/aweos-offcanvas-menu/
 Description: Displays an offcanvas menu
-Version:     2.0.1
+Version:     2.0.2
 Author:      AWEOS GmbH
 Author URI:  https://aweos.de

aweos-offcanvas-menu/trunk/public/js/app.js

@@ -22 +22 @@
         
     });
-    
+    toggleSubMenu()
     // Close buttons for the offcanvas menu
     $('.close-sidebar-inner, .offcanvas-menu-background').on('click', function() {
@@ -35 +35 @@
     // Initial visibility check
     checkVisibility();
+  
 });
 
@@ -48 +49 @@
         // Add the 'sub-active' class to the current submenu
         $(this).next('.sub-menu').toggleClass('sub-active');
+
+       
     });
 
@@ -68 +71 @@
     });
 });
+
+function toggleSubMenu() {
+    let currentlyOpenSubMenu = null; // Variable zum Speichern des aktuell geöffneten Submenus
+
+    $('#offcanvas_container #offcanvas_menu_inner > li.menu-item.menu-item-has-children > a').on('click touchend', function(e) {
+        e.preventDefault(); // Verhindere das Standard-Link-Verhalten
+
+        var $currentSubMenu = $(this).next('.sub-menu');
+        var $parentLi = $(this).parent('li');
+
+        // Wenn kein Submenu geöffnet ist oder das aktuelle Submenu nicht offen ist
+        if (currentlyOpenSubMenu === null || currentlyOpenSubMenu !== $currentSubMenu[0]) {
+            // Schließe das aktuell geöffnete Submenu, falls vorhanden
+            if (currentlyOpenSubMenu) {
+                $(currentlyOpenSubMenu).slideUp().removeClass('sub-active');
+                $(currentlyOpenSubMenu).parent('li').removeClass('visible'); // Entferne die Klasse 'visible'
+            }
+
+            // Öffne das neue Submenu und speichere es als aktuell geöffnet
+            $currentSubMenu.slideDown().addClass('sub-active');
+            $parentLi.addClass('visible'); // Füge die Klasse 'visible' hinzu
+            currentlyOpenSubMenu = $currentSubMenu[0]; // Speichere das aktuelle Submenu
+        } else {
+            // Wenn das aktuelle Submenu bereits offen ist, schließe es
+            $currentSubMenu.slideUp().removeClass('sub-active');
+            $parentLi.removeClass('visible'); // Entferne die Klasse 'visible'
+            currentlyOpenSubMenu = null; // Setze die Variable zurück
+        }
+    });
+}

aweos-offcanvas-menu/trunk/readme.txt

@@ -8 +8 @@
 Requires: jQuery
 Stable tag: trunk
-Version: 2.0.1
+Version: 2.0.2
 License: GPL v2 or later
 License URI: http://www.gnu.org/licenses/gpl-2.0.txt
@@ -51 +51 @@
 == Changelog ==
 
+### 2.0.2 
+* Ensured only one submenu can be opened at a time, improving navigation clarity
+* Closed submenus automatically when switching to a different menu item
+* Enhanced user experience by preventing overlapping or multiple open submenus
+* Retained smooth scrolling and interaction for nested menu structures
+
 ### 2.0.1
 * Fixed scrollbar behavior for mobile devices