https://static.actualdecluj.ro//themes/actualdecluj/js/mk-display-submenu.js

1//Ajax for menu categories
2var withSubmenu = $('.with-submenu');
3
4var width = $(window).width();
5var event = 'mouseenter';
6if(width < 1400){
7    event = 'click';
8}
9function mk_open_submenu(object){
10    var container = object.find('.posts-submenu');
11    var catID = object.attr('id');
12
13    var contentToUpdate = container.find('ul');
14    var loader = $('.loader');
15    var page = 1;
16
17    var iconNext = container.find('.icon-next');
18    var iconPrev = container.find('.icon-prev');
19    // console.log(catID);
20    iconNext.on('click', function(){
21        page = page + 1;
22        loader.show();
23        $.ajax({
24            url: mk_display_post_listing_in_menu.ajaxurl,
25            type:"GET",
26            data: {
27                'action':'mk_display_post_listing_in_menu',
28                'catID': catID,
29                'page' : page
30            },
31            success: function (data) {
32                contentToUpdate.html(data);
33                loader.hide();
34            },
35            error: function (errorThrown) {
36                console.log(errorThrown)
37            }
38        });
39    });
40
41    iconPrev.on('click', function(){
42        if(page >= 1){
43            page = page - 1;
44            loader.show();
45            $.ajax({
46                url: mk_display_post_listing_in_menu.ajaxurl,
47                type:"GET",
48                data: {
49                    'action':'mk_display_post_listing_in_menu',
50                    'catID': catID,
51                    'page' : page
52                },
53                success: function (data) {
54                    contentToUpdate.html(data);
55                    loader.hide();
56                },
57                error: function (errorThrown) {
58                    console.log(errorThrown)
59                }
60            });
61        }else{
62
63        }
64
65
66    });
67
68    // console.log(catID);
69    container.css({display:'flex'});
70
71    container.on('mouseleave', function(){
72        $(this).delay(1000).hide(0);
73    });
74}
75
76withSubmenu.on(event, function(e){
77    var clicks = $(this).data('clicks');
78    if(width < 1400){
79        if(clicks === true){
80            e.preventDefault();
81
82            mk_open_submenu($(this));
83
84        }
85        $(this).data('clicks', !clicks);
86    }else{
87        mk_open_submenu($(this));
88    }
89});
90withSubmenu.on('mouseleave', function(){
91    var container = $(this).find('.posts-submenu');
92    container.delay(1000).hide(0);
93});