https://vetmedux.com/wp-content/themes/vetmedux/js/header.js?ver=1764001710

1jQuery(document).ready(function() {
2
3  // Ensures the dropdown is in default state if user reloads page while hovering over blog icon
4  if (jQuery('.header-link-button').hasClass('header-dropdown-active')) {
5    jQuery('.header-link-button').removeClass('header-dropdown-active')
6    jQuery('.header-blog-dropdown').removeClass('dropdown-open');
7  }
8
9  // Open company dropdown on hover
10  jQuery('.header-dropdown-company').on('mouseenter', function() {
11    jQuery('.header-link-company').addClass('header-dropdown-active');
12    jQuery('.header-company-dropdown').addClass('dropdown-open');
13  });
14
15  // close company dropdown on mouse leave
16  jQuery('.header-dropdown-company').on('mouseleave', function() {
17    jQuery('.header-link-company').removeClass('header-dropdown-active');
18    jQuery('.header-company-dropdown').removeClass('dropdown-open');
19  });
20
21  // Open partner dropdown on hover
22  jQuery('.header-dropdown-partner').on('mouseenter', function() {
23    jQuery('.header-link-partner').addClass('header-dropdown-active');
24    jQuery('.header-partner-dropdown').addClass('dropdown-open');
25  });
26
27  // Close partner dropdown on mouse leave
28  jQuery('.header-dropdown-partner').on('mouseleave', function() {
29    jQuery('.header-link-partner').removeClass('header-dropdown-active');
30    jQuery('.header-partner-dropdown').removeClass('dropdown-open');
31  });
32
33  // Open mobile menu dropdown
34  jQuery('.hamburger--squeeze').click(function() {
35    jQuery(this).toggleClass('is-active');
36    jQuery('.header-mobile-dropdown').toggleClass('dropdown-open');
37    jQuery('.header-mobile-menu-open-overlay').toggleClass('is-active');
38    // closes all mobile menu dropdowns
39    jQuery('.header-dropdown-button-wrapper').removeClass('dropdown-open');
40    jQuery('.header-mobile-menu-dropdown').removeClass('dropdown-open');
41  });
42
43  // Show mobile menu dropdown overlay
44  jQuery('.header-mobile-menu-open-overlay').click(function() {
45    jQuery(this).toggleClass('is-active');
46    jQuery('.hamburger--squeeze').toggleClass('is-active');
47    jQuery('.header-mobile-dropdown').toggleClass('dropdown-open');
48  });
49
50  // Open mobile menu company dropdown on click
51  jQuery('#company-dropdown-button').click(function() {
52    jQuery('.header-dropdown-mobile-button-company').toggleClass('dropdown-open');
53    jQuery('.header-mobile-menu-company-dropdown').toggleClass('dropdown-open');
54  });
55
56  // Open mobile menu company dropdown on click
57  jQuery('#partner-dropdown-button').click(function() {
58    jQuery('.header-dropdown-mobile-button-partner').toggleClass('dropdown-open');
59    jQuery('.header-mobile-menu-partner-dropdown').toggleClass('dropdown-open');
60  });
61
62  // Close mobile menu dropdown and all dropdowns within if the screen width becomes greater than 900px
63  jQuery(window).resize(function() {
64    if (jQuery(window).width() > 900) {
65      jQuery('.hamburger--squeeze').removeClass('is-active');
66      jQuery('.header-mobile-menu-open-overlay').removeClass('is-active');
67      jQuery('.header-mobile-dropdown').removeClass('dropdown-open');
68      // closes all mobile menu dropdowns
69      jQuery('.header-dropdown-button-wrapper').removeClass('dropdown-open');
70      jQuery('.header-mobile-menu-dropdown').removeClass('dropdown-open');
71    }
72  })
73
74  // SET A VH CSS VARIABLE SO THAT YOU 100vh WORKS AS EXPECTED IN THE CSS
75  // WITHOUT THIS iOS DOESN'T ACCOUNT FOR BROWSER CHROME WHEN USING vh
76  // First we get the viewport height and we multiply it by 1% to get a value for a vh unit
77  function setVH() {
78    let vh = window.innerHeight * 0.01;
79    // Then we set the value in the --vh custom property to the root of the document
80    document.documentElement.style.setProperty('--vh', `${vh}px`);
81  }
82
83  setVH();
84
85  jQuery(window).on('resize', function() {
86    setVH();
87  });
88
89});