https://thesaddlelightcenter.com/wp-content/themes/saddlelightcent…?ver=6238c6474aae07773bf0eec6e08246f7

1// JavaScript Document
2jQuery(document).ready(function($) {
3var ww = document.body.clientWidth;
4
5$(document).ready(function() {
6	$(".nav li a").each(function() {
7		if ($(this).next().length > 0) {
8			$(this).addClass("parent");
9		}
10	})
11	
12	$(".toggleMenu").click(function(e) {
13		e.preventDefault();
14		$(this).toggleClass("active");
15		$(".nav").toggle();
16	});
17	adjustMenu();
18})
19
20$(window).bind('resize orientationchange', function() {
21	ww = document.body.clientWidth;
22	adjustMenu();
23});
24
25var adjustMenu = function() {
26	if (ww < 1139) {
27		$(".toggleMenu").css("display", "inline-block");
28		if (!$(".toggleMenu").hasClass("active")) {
29			$(".nav").hide();
30		} else {
31			$(".nav").show();
32		}
33		$(".nav li").unbind('mouseenter mouseleave');
34	} 
35	else if (ww >= 1139) {
36		$(".toggleMenu").css("display", "none");
37		$(".nav").show();
38		$(".nav li").removeClass("hover");
39		$(".nav li a").unbind('click');
40		$(".nav li").unbind('mouseenter mouseleave').bind('mouseenter mouseleave', function() {
41			// must be attached to li so that mouseleave is not triggered when hover over submenu
42			$(this).toggleClass('hover');
43		});
44	}
45}
46
47
48
49
50
51// for sticky and scroll features for nav
52$(window).scroll(function() {
53  if ($(document).scrollTop() > 50) {
54    $('header').addClass('header-effect');
55  } else {
56    $('header').removeClass('header-effect');
57  }
58});
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73// hide show woocommercer filter bar https://www.w3schools.com/howto/howto_js_accordion.asp
74var acc = document.getElementsByClassName("accordion");
75var i;
76
77for (i = 0; i < acc.length; i++) {
78  acc[i].addEventListener("click", function() {
79    /* Toggle between adding and removing the "active" class,
80    to highlight the button that controls the panel */
81    this.classList.toggle("active");
82
83    /* Toggle between hiding and showing the active panel */
84    var panel = this.nextElementSibling;
85    if (panel.style.display === "block") {
86      panel.style.display = "none";
87    } else {
88      panel.style.display = "block";
89    }
90  });
91}
92
93
94});