Mobile Menü schließt beim Click nicht

[billywebber]

Guten Morgen zusammen, 

beim Aufruf eines mobilen Menüs läuft an sich alles gut, nur nach dem Klick auf die Verlinkung (OnePager mit Anker) schließt sich das Menü nicht automatisch. Hat hier vielleicht jemand einen Tipp, wie dies machbar ist? Vielen Dank im Voraus! 

Code:

(function ($) {
    'use strict';
    $( document ).ready(function() {
        $('.menu-mobile-nav-button').on('click', function (e) {
            e.preventDefault();
            $('html').toggleClass('mobile-nav-active');
        });

        $('.smartic-overlay, .mobile-nav-close').on('click', function (e) {
            e.preventDefault();
            $('html').toggleClass('mobile-nav-active');
        });

        var $menu_mobile = $('.handheld-navigation');

        if ($menu_mobile.length > 0) {
            $menu_mobile.find('.menu-item-has-children > a, .page_item_has_children > a').each((index, element) => {
                var $dropdown = $('<button class="dropdown-toggle"></button>');
                $dropdown.insertAfter(element);
                $dropdown.on('click', function (e) {
                    e.preventDefault();
                    $dropdown.toggleClass('toggled-on');
                    $dropdown.siblings('ul').stop().slideToggle(400);
                });
            });
        }
    });
})(jQuery);

[admin]

Kannst du das bitte komplett mit HTML und CSS posten , bzw. einen, Link wo man das testen kann?
Ich müsste erst das HTML und CSS selber erstellen, damit ich das testen kann.
Kennst du codepen.io ? Da kannst du deinen ganzen Code reinkopieren und ein funktionierendes Beispiel posten