https://www.pkndewestereen.nl/sjabloon18/js/protnet.js

1$(document).ready(function () {
2  
3    //parallax scroll
4    
5    if ($(".hasbanner .parallax_scroll").length > 0) {
6        $(window).on("load scroll", function () {
7
8            var parallaxElement = $(".parallax_scroll"),
9            parallaxQuantity = parallaxElement.length;
10
11            window.requestAnimationFrame(function () {
12                for (var i = 0; i < parallaxQuantity; i++) {
13                    var currentElement = parallaxElement.eq(i),
14                        windowTop = $(window).scrollTop();
15                        // elementTop = currentElement.offset().top,
16                        //  elementHeight = currentElement.height(),
17                        //  viewPortHeight = window.innerHeight * 0.5 - elementHeight * 0.5,
18                        //  scrolled = windowTop - elementTop + viewPortHeight;
19                        scrolled = windowTop;
20                    currentElement.css({
21                        transform: "translate3d(0," + scrolled * 0.35 + "px, 0)"
22                    });
23                }
24            });
25        });
26    }
27
28    $(".fancybox").fancybox();
29
30    $('.navbar .sub-menu.dropdown-toggle').on('click', function (e) {
31        e.stopPropagation();
32        var $el = $(this);
33
34        //clase all other windows
35            $(".elementparents").removeClass("elementparents");
36            $el.parents(".show").addClass("elementparents");
37            $el.parent("li").find(".show").addClass("elementparents");
38            $(".show:not(.elementparents)").removeClass('show');
39        // end close all other windows
40
41        $el.parent("li").toggleClass('show').find(".dropdown-menu").toggleClass('show');
42        return false;
43    });
44
45    $('.toggle-search-lg').on('click', function (e) {
46        $("#search-bar-lg").toggle(function () {
47            $(this).animate({ height: 0 }, 200);
48        }, function () {
49            $(this).animate({ height: 200 }, 200);
50            });
51        $("#trefwoord-lg").focus();
52    });
53
54    $('.toggle-search-mobile').on('click', function (e) {
55        $(".toggle-search-mobile").fadeOut();
56        $("#search-bar-md ").toggle(function () {
57            $(this).animate({ height: 0 }, 200);
58            
59        }, function () {
60                $(this).animate({ height: 100 }, 200);
61                
62            });
63        
64        $(".toggle-search-mobile #trefwoord-md").focus();
65    });
66
67    $("body").on("click", ".search", function (event) {
68       
69        var zoekveldValue = $(this).parents("form").find(".trefwoord").val();
70        if (zoekveldValue.length > 1) {
71            window.open("/zoeken.aspx?trefwoord=" + zoekveldValue,'_self');
72        }
73    });
74
75    var fase = 0;
76    $('.navbar-toggler').on('click', function (e) {
77        
78        if (fase === 0) {
79            //e.stopPropagation();
80            $('body').addClass('overlay_active');
81           // window.setTimeout(function () {
82                fase = 1;
83            //    $('.navbar-toggler').click();
84          //  }, 1000);
85        //} else if (fase === 1) {
86        //    fase = 2;
87        } else {
88            $('body').removeClass('overlay_active');
89            fase = 0;
90        }
91    });
92});