From 2a3167fd95b61775ac9da1f8977c27a6bcc430e3 Mon Sep 17 00:00:00 2001
From: Dominique CLAUSE <dom.clause@gmail.com>
Date: Wed, 16 Sep 2020 18:54:20 +0200
Subject: [PATCH] [#3171215] Close superfish menu when #anchor link is clicked

---
 sfsmallscreen.js | 24 +++++++++++++++++++++++-
 1 file changed, 23 insertions(+), 1 deletion(-)

diff --git a/sfsmallscreen.js b/sfsmallscreen.js
index fd32a36..44a63c3 100644
--- a/sfsmallscreen.js
+++ b/sfsmallscreen.js
@@ -155,7 +155,8 @@
           accordionElement = $('#' + accordionID),
           // Deciding what should be used as accordion buttons.
           buttonElement = (options.accordionButton < 2) ? 'a.menuparent,span.nolink.menuparent' : 'a.sf-accordion-button',
-          button = accordionElement.find(buttonElement);
+          button = accordionElement.find(buttonElement),
+          link = accordionElement.find('a.is-active:not(.menuparent)');
 
           // Attaching a click event to the toggle switch.
           $('#' + toggleID).on('click', function(e){
@@ -233,6 +234,27 @@
               }
             }
           });
+
+          // Attach a click event to the menu items (not buttons).
+          link.on('click', function(e){
+            // Adding the sf-expanded class.
+            $('#' + toggleID).toggleClass('sf-expanded');
+            if (accordionElement.hasClass('sf-expanded')) {
+              // If the accordion is already expanded:
+              // Hiding its expanded sub-menus and then the accordion itself as well.
+              accordionElement.add(accordionElement.find('li.sf-expanded')).removeClass('sf-expanded')
+                  .end().children('ul').hide()
+                  // This is a bit tricky, it's the same trick that has been in use in the main plugin for some time.
+                  // Basically we'll add a class that keeps the sub-menu off-screen and still visible,
+                  // and make it invisible and removing the class one moment before showing or hiding it.
+                  // This helps screen reader software access all the menu items.
+                  .end().hide().addClass('sf-hidden').show();
+              // Changing the caption of any existing accordion buttons to 'Expand'.
+              if (options.accordionButton == 2) {
+                accordionElement.find('a.sf-accordion-button').text(options.expandText);
+              }
+            }
+          });
         }
       }
       else {