https://www.rensch.com/blog/wp-content/themes/feather-magazine/js/customscripts.js?ver=7.1.3

1/*
2 * Theme Name: feather Lite
3*/
4
5/*----------------------------------------------------
6/* Responsive Navigation
7/*--------------------------------------------------*/
8jQuery(document)
9  .ready(function($) {
10    $(".primary-navigation").append('<div id="mobile-menu-overlay" />');
11
12    $(".toggle-mobile-menu").on("click", function(e) {
13      e.preventDefault();
14      e.stopPropagation();
15      e.stopImmediatePropagation();
16      clearTimeout(awaitMenu);
17      awaitMenu = setTimeout(function() {
18        toggleMobileMenu();
19      }, 200);
20    });
21  
22   $(".toggle-mobile-menu").focusout(function(e) {
23     if(!menuIsOpen){
24       $("#page").attr("tabindex",-1).focus();
25     }
26    });
27
28
29    $("#accessibility-close-mobile-menu").focusin(e => {
30    menuIsOpen = false;
31      jQuery("body").removeClass("mobile-menu-active");
32      jQuery("html").removeClass("noscroll");
33      jQuery("#mobile-menu-overlay").fadeOut();
34    jQuery(".toggle-mobile-menu").focus();
35    });
36
37    var awaitMenu;
38  var menuIsOpen = false;
39    function toggleMobileMenu() {
40      $("body").toggleClass("mobile-menu-active");
41
42      if ($("body").hasClass("mobile-menu-active")) {
43            menuIsOpen = true;
44        if ($(document).height() > $(window).height()) {
45          var scrollTop = $("html").scrollTop()
46            ? $("html").scrollTop()
47            : $("body").scrollTop();
48          $("html")
49            .addClass("noscroll")
50            .css("top", -scrollTop);
51        }
52        $("#mobile-menu-overlay").fadeIn();
53      } else {
54        var scrollTop = parseInt($("html").css("top"));
55        $("html").removeClass("noscroll");
56        $("html,body").scrollTop(-scrollTop);
57        $("#mobile-menu-overlay").fadeOut();
58      menuIsOpen = false;
59      }
60    }
61  })
62  .on("click", function(event) {
63    var $target = jQuery(event.target);
64    if (
65      ($target.hasClass("feather-icon") &&
66        $target.parent().hasClass("toggle-caret")) ||
67      $target.hasClass("toggle-caret")
68    ) {
69      // allow clicking on menu toggles
70      return;
71    }
72    jQuery("body").removeClass("mobile-menu-active");
73    jQuery("html").removeClass("noscroll");
74    jQuery("#mobile-menu-overlay").fadeOut();
75  });
76
77/*----------------------------------------------------
78/*  Dropdown menu
79/* ------------------------------------------------- */
80jQuery(document).ready(function($) {
81    
82    function feathermagazineDropdownMenu() {
83        var wWidth = $(window).width();
84        if(wWidth > 865) {
85            $('#navigation ul.sub-menu, #navigation ul.children').hide();
86            var timer;
87            var delay = 100;
88            $('#navigation li').hover( 
89              function() {
90                var $this = $(this);
91                timer = setTimeout(function() {
92                    $this.children('ul.sub-menu, ul.children').slideDown('fast');
93                }, delay);
94                
95              },
96              function() {
97                $(this).children('ul.sub-menu, ul.children').hide();
98                clearTimeout(timer);
99              }
100            );
101        } else {
102            $('#navigation li').unbind('hover');
103            $('#navigation li.active > ul.sub-menu, #navigation li.active > ul.children').show();
104        }
105    }
106
107    feathermagazineDropdownMenu();
108
109    $(window).resize(function() {
110        feathermagazineDropdownMenu();
111    });
112});
113
114/*---------------------------------------------------
115/*  Vertical menus toggles
116/* -------------------------------------------------*/
117jQuery(document).ready(function($) {
118
119    $('.widget_nav_menu, #navigation .menu').addClass('toggle-menu');
120    $('.toggle-menu ul.sub-menu, .toggle-menu ul.children').addClass('toggle-submenu');
121    $('.toggle-menu ul.sub-menu').parent().addClass('toggle-menu-item-parent');
122
123    $('.toggle-menu .toggle-menu-item-parent').append('<span class="toggle-caret"><i class="feather-icon icon-plus"></i></span>');
124
125    $('.toggle-caret').click(function(e) {
126        e.preventDefault();
127        $(this).parent().toggleClass('active').children('.toggle-submenu').slideToggle('fast');
128    });
129});
130
131/*----------------------------------------------------
132/* Back to top smooth scrolling
133/*--------------------------------------------------*/
134jQuery(document).ready(function($) {
135    jQuery('a[href="#top"]').click(function(){
136        jQuery('html, body').animate({scrollTop:0}, 'slow');
137        return false;

138    });
139});