https://winnahwelvina.pages.dev/wp-content/themes/news-viral/assets/js/menu.js

1/**** Dogcare Custom Js ****/
2/* Main-Menu Js */
3/* Deafult js */
4(function ($) {
5    $.fn.menumaker = function (options) {
6        var cssmenu = $(this),
7            settings = $.extend({
8                format: "dropdown",
9                sticky: false
10            }, options);
11        return this.each(function () {
12            $(this).find(".button").on('click', function () {
13                $(this).toggleClass('menu-opened');
14                var mainmenu = $(this).next('ul');
15                if (mainmenu.hasClass('open')) {
16                    mainmenu.slideToggle().removeClass('open');
17                } else {
18                    mainmenu.slideToggle().addClass('open');
19                    if (settings.format === "dropdown") {
20                        mainmenu.find('ul').show();
21                    }
22                }
23            });
24            cssmenu.find('li ul').parent().addClass('has-sub');
25            multiTg = function () {
26                cssmenu.find(".has-sub").prepend('<span class="submenu-button"></span>');
27                cssmenu.find('.submenu-button').on('click', function () {
28                    $(this).toggleClass('submenu-opened');
29                    if ($(this).siblings('ul').hasClass('open')) {
30                        $(this).siblings('ul').removeClass('open').slideToggle();
31                    } else {
32                        $(this).siblings('ul').addClass('open').slideToggle();
33                    }
34                });
35            };
36            if (settings.format === 'multitoggle') multiTg();
37            else cssmenu.addClass('dropdown');
38            if (settings.sticky === true) cssmenu.css('position', 'fixed');
39            resizeFix = function () {
40                var mediasize = 1024;
41                if ($(window).width() > mediasize) {
42                    cssmenu.find('ul').show();
43                }
44                if ($(window).width() <= mediasize) {
45                    cssmenu.find('ul').hide().removeClass('open');
46                }
47            };
48            resizeFix();
49            return $(window).on('resize', resizeFix);
50        });
51    };
52})(jQuery);
53/** Set Position of Sub-Menu **/
54var wapoMainWindowWidth = jQuery(window).width();
55jQuery('#cssmenu ul ul li').mouseenter(function () {
56    var subMenuExist = jQuery(this).find('.sub-menu').length;
57    if (subMenuExist > 0) {
58        var subMenuWidth = jQuery(this).find('.sub-menu').width();
59        var subMenuOffset = jQuery(this).find('.sub-menu').parent().offset().left + subMenuWidth;
60        if ((subMenuWidth + subMenuOffset) > wapoMainWindowWidth) {
61            jQuery(this).find('.sub-menu').removeClass('submenu-left');
62            jQuery(this).find('.sub-menu').addClass('submenu-right');
63        } else {
64            jQuery(this).find('.sub-menu').removeClass('submenu-right');
65            jQuery(this).find('.sub-menu').addClass('submenu-left');
66        }
67    }
68});
69
70(function ($) {
71    $(document).ready(function () {
72        $("#cssmenu").menumaker({
73            format: "multitoggle"
74        });
75    });
76})(jQuery);
77/* Main-Menu Js End */
78
79
80
81jQuery(window).scroll(function () {
82    if (jQuery(this).scrollTop() > 1) {
83        jQuery('.header-top').addClass("sticky");
84    } else {
85        jQuery('.header-top').removeClass("sticky");
86    }
87});