https://fedecoltenis.com/js/superfish-init.js?v=7.51.0

1
2(function ($) {
3
4    const menuOriginal = $('ul.sf-menu > li').clone();
5    $('nav#menu-wrapper').prepend('<a class="d-flex d-md-none w-100" id="menu-trigger"><button class="hamburger hamburger--slider" type="button"><span class="hamburger-box"><span class="hamburger-inner"></span></span></button> <span class="text-white">Menú</span></a>');
6    $(window).resize(function () {
7        vertical();
8    });
9
10    $('a.sf-with-ul::after').on('click', function (event) {
11        event.preventDefault();
12    });
13
14    $('a#menu-trigger').on('click', function () {
15        menu = $(this).parents('nav').children('ul.sf-menu');
16        if (!menu.hasClass('is-active')) {
17            menu.addClass('is-active');
18            $(this).children('button').addClass('is-active');
19            return true;
20        }
21        if (menu.hasClass('is-active')) {
22            menu.removeClass('is-active');
23            $(this).children('button').removeClass('is-active');
24            return true;
25        }
26    })
27
28    vertical = function () {
29        const points = {
30            xl: 1200,
31            lg: 992,
32            md: 768
33        }
34
35        switch (parseInt(paramsSite.sitio_id)) {
36            case 6:
37                maxItems = {
38                    xl: 20,
39                    lg: 8,
40                    md: 5
41                };
42                break;
43            default:
44                maxItems = {
45                    xl: 20,
46                    lg: 8,
47                    md: 6
48                };
49                break;
50        }
51        
52        anchoW = $(window).width();
53        // Calcula el ancho de la ventana
54        if (anchoW >= points.xl)
55            ancho = 'xl';
56        if (anchoW >= points.lg && anchoW < points.xl)
57            ancho = 'lg';
58        if (anchoW >= points.md && anchoW < points.lg)
59            ancho = 'md';
60        if (anchoW < points.md)
61            ancho = null;
62
63        $('ul.sf-menu').empty().append(menuOriginal);
64
65        items = $('ul.sf-menu > li').length;
66        itemDiff = items - (ancho ? maxItems[ancho] : 0);
67
68        if (anchoW < points.md)
69            $('ul.sf-menu').addClass('sf-vertical');
70        else
71            $('ul.sf-menu').removeClass('sf-vertical');
72
73        // console.log(ancho, maxItems[ancho], items, itemDiff);
74        // hay que cortar el menú en itemDiff elementos
75        if (ancho && itemDiff > 0) {
76            extraItems = $('ul.sf-menu > li:nth-last-child(-n+' + itemDiff + ')');
77            sub = extraItems.clone();
78            extraItems.remove();
79            $('ul.sf-menu').append('<li class="mas-menu"><a href="javascript:void(0);">MÁS</a><ul></ul></li>');
80            $('li.mas-menu ul').append(sub);
81        }
82        /* 
83        if (anchoW < 768)
84            $('ul.sf-menu').addClass('sf-vertical');
85        else
86            $('ul.sf-menu').removeClass('sf-vertical');
87 
88        $('ul.sf-menu').append($('li.mas-menu ul').html());
89        $('li.mas-menu').remove();
90        if (!$('ul.sf-menu').hasClass('sf-vertical') && itemDiff > 0) {
91            sub = $('ul.sf-menu > li:nth-last-child(-n+' + itemDiff + ' )');
92            $('nav#menu-wrapper').append($('ul.sf-menu').append('<li class="mas-menu"><a href="javascript:void(0);">MÁS</a><ul></ul></li>'));
93            $('li.mas-menu ul').append(sub);
94        }
95 
96         */
97        $('.sf-menu').superfish('destroy').superfish().supposition();
98    }
99
100    vertical();
101})(jQuery);