make sub-menus toggle-able in mobile navigation drawer

2022-04-13 12:21:20 +05:00
parent 9ca8e5c445
commit 453b26f041
2 changed files with 21 additions and 1 deletions
--- a/themes/lumbung-theme/layouts/_default/baseof.html
+++ b/themes/lumbung-theme/layouts/_default/baseof.html
@ -28,6 +28,14 @@
            document.querySelector('#thumb-'+ id).remove();
        }
        document.querySelector('[aria-label="Previous"]').parentElement.classList.add('previous-page-link')
+
+        // for toggling submenus in mobile navigation drawer
+        let submenuLinks = document.querySelectorAll('.drawer .has-submenu');
+        [...submenuLinks].forEach(function(submenuLink) {
+            submenuLink.addEventListener('click', () => {
+                submenuLink.querySelector('.submenu').classList.toggle('opened')
+            })
+        })
    </script>

 </html>