https://truebluesalon.com/wp-content/themes/ph-base-tailwind/assets/js/accordion.utility.js?ver=1.0.0

1(function() {//this has been modified to fix the home page accordion
2  const accordionWrappers = document.querySelectorAll(".accordion-wrap");
3  
4  accordionWrappers.forEach((wrapper) => {
5
6	const firstLabel = document.querySelector('.home .accordion .container:first-child');
7	if (firstLabel) {
8	  	firstLabel.classList.add('open');
9	}
10	const firstPromo = document.querySelector('.home .accordion .container:first-child .content');
11	if (firstLabel) {
12	  	firstPromo.style.maxHeight = "500px";
13		firstPromo.style.minHeight = "500px";
14	}
15    const containers = wrapper.querySelectorAll(".container");
16    containers.forEach((container) => {
17      container.addEventListener("click", (e) => {
18        if (e.target.closest(".content") == container.querySelector(".content"))
19          return;
20        containers.forEach((c) => {
21          if (c.closest(".container") !== e.target.closest(".container")) {
22            c.querySelector(".content").style.maxHeight = "0px";
23			c.querySelector(".content").style.minHeight = "0px";
24            c.closest(".container").classList.remove("open");
25          } else {
26            const content = container.querySelector(".content");
27            c.closest(".container").classList.toggle("open");
28            if (
29              content.style.maxHeight === "0px" ||
30              content.style.maxheight === 0 ||
31              content.style.maxHeight === "0" ||
32              content.style.maxHeight === ""
33            ) {
34              content.style.maxHeight = `500px`;
35			  content.style.minHeight = `500px`;
36            } else {
37              content.style.maxHeight = `0px`;
38			  content.style.minHeight = `0px`;
39            }
40          }
41        });
42      });
43    });
44  });
45	
46})()
47
48