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

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

        $('.motiox-info-button').on('click', function (e) {
            e.preventDefault();
            $('html').toggleClass('info-canvas-active');
        });

        $('.motiox-info-overlay, .motiox-canvas-info-close').on('click', function (e) {
            e.preventDefault();
            $('html').toggleClass('info-canvas-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 = $(element);
                $dropdown.addClass('menu-title');
                $dropdown.on('click', function (e) {
                    e.preventDefault();
                    $dropdown.toggleClass('toggled-on');
                    $dropdown.siblings('ul').stop().slideToggle(400);
                });
            });
        }
		$('.mobile-nav-tabs li').on('click', function () {
			if ($(this).hasClass('active')) return;
			var menuName = $(this).data('menu');
			$(this).parent().find('.active').removeClass('active');
			$(this).addClass('active');
			$('.mobile-menu-tab').removeClass('active');
			$('.mobile-' + menuName + '-menu').addClass('active');
		});
    });
})(jQuery);