https://cdn.pricewise.nl/javascript/menu-blog.js

1
2/*
3###############################################################################################################
4New Menu in Pricewise 2017
5###############################################################################################################
6*/
7
8var desktoplimit = 1024;
9
10// mobile - open menu clicking hamburger menu
11function mobileTriggerClick(event) {
12    event.preventDefault();
13    if ($('.site-container').hasClass('nav-is-visible')) {
14        closeNav();
15        $('.nav-is-visible-overlay').removeClass('is-visible');
16    }
17    else {
18        $(this).addClass('nav-is-visible');
19        $('.navbar').addClass('nav-is-visible');
20        $('.navbar-nav').addClass('nav-is-visible');
21        $('.site-container').addClass('nav-is-visible').one('webkitTransitionEnd otransitionend oTransitionEnd msTransitionEnd transitionend', function () {
22            $('body').addClass('overflow-hidden');
23        });
24        $('.nav-is-visible-overlay').addClass('is-visible');
25    }
26}
27// mobile - close menu
28function navIsVisibleOverlayClick() {
29    closeNav();
30    $('.nav-is-visible-overlay').removeClass('is-visible');
31}
32
33// open submenu
34function hasChildrenClick(sender, event) {
35
36    if (!checkWindowWidth()) {
37        event.preventDefault();
38    }
39
40    var selected = $(sender);
41
42    if (selected.next('span').hasClass('cta-bottom')) {
43
44        if (selected.next('span').next('ul').hasClass('is-hidden')) {
45            //desktop version only
46            selected.addClass('selected').next('span').next('ul').removeClass('is-hidden').end().parent('.has-children').parent('ul').addClass('moves-out');
47            selected.parent('.has-children').siblings('.has-children').children('ul').addClass('is-hidden').end().children('span').removeClass('selected');
48            $('.nav-is-visible-overlay').addClass('is-visible');
49            // load opened if have only one child
50            if ((selected.next('ul').children('.has-children').length) === 1) {
51                selected.next('ul').children('.has-children').children('span').addClass('selected');
52                selected.next('ul').children('.has-children').children('ul').removeClass('is-hidden');
53            }
54        } else {
55            selected.removeClass('selected').next('span').next('ul').addClass('is-hidden').end().parent('.has-children').parent('ul').removeClass('moves-out');
56            //$('.nav-is-visible-overlay').removeClass('is-visible');
57        }
58
59        return;
60    }
61
62    if (selected.next('ul').hasClass('is-hidden')) {
63        //desktop version only
64        selected.addClass('selected').next('ul').removeClass('is-hidden').end().parent('.has-children').parent('ul').addClass('moves-out');
65        selected.parent('.has-children').siblings('.has-children').children('ul').addClass('is-hidden').end().children('span').removeClass('selected');
66        $('.nav-is-visible-overlay').addClass('is-visible');
67        // load opened if have only one child
68        if ((selected.next('ul').children('.has-children').length) === 1) {
69            selected.next('ul').children('.has-children').children('span').addClass('selected');
70            selected.next('ul').children('.has-children').children('ul').removeClass('is-hidden');
71        }
72    } else {
73        selected.removeClass('selected').next('ul').addClass('is-hidden').end().parent('.has-children').parent('ul').removeClass('moves-out');
74        //$('.nav-is-visible-overlay').removeClass('is-visible');
75    }
76}
77
78// submenu items - go back link
79function goBackClick(sender) {
80    $(sender).parent('ul').addClass('is-hidden').parent('.has-children').parent('ul').removeClass('moves-out');
81}
82
83function prevDefault(event) {
84    event.preventDefault();
85}
86
87// close menu on close-menu class
88function closeMenuClick(event) {
89    event.preventDefault();
90    closeNav();
91    $('.nav-is-visible-overlay').removeClass('is-visible');
92}
93
94// used functions
95function closeNav() {
96    $('.mobile-trigger').removeClass('nav-is-visible');
97    $('.navbar').removeClass('nav-is-visible');
98    $('.navbar-nav').removeClass('nav-is-visible');
99    $('.has-children ul').addClass('is-hidden');
100    $('.has-children span').removeClass('selected');
101    $('.moves-out').removeClass('moves-out');
102    $('.site-container').removeClass('nav-is-visible').one('webkitTransitionEnd otransitionend oTransitionEnd msTransitionEnd transitionend', function () {
103        $('body').removeClass('overflow-hidden');
104    });

105}
106
107function checkWindowWidth() {
108    //check window width (scrollbar included)
109    var e = window,
110        a = 'inner';
111    if (!('innerWidth' in window)) {
112        a = 'client';
113        e = document.documentElement || document.body;
114    }
115    if (e[a + 'Width'] >= desktoplimit) {
116        return true;
117    } else {
118        return false;
119    }
120}
121
122/*
123###############################################################################################################
124END New Menu in Pricewise 2017 //
125###############################################################################################################
126*/