Server : LiteSpeed System : Linux in-mum-web1002.main-hosting.eu 4.18.0-553.37.1.lve.el8.x86_64 #1 SMP Mon Feb 10 22:45:17 UTC 2025 x86_64 User : u811747229 ( 811747229) PHP Version : 8.0.30 Disable Function : NONE Directory :  /home/u811747229/domains/lakshiagrichem.com/public_html/

Upload File : current_dir [ Writeable ] document_root [ Writeable ]

/*=============== SHOW MENU ===============*/
const showMenu = (toggleId, navId) => {
    const toggle = document.getElementById(toggleId),
      nav = document.getElementById(navId);
  
    toggle.addEventListener("click", () => {
      // Add show-menu class to nav menu
      nav.classList.toggle("show-menu");
      // Add show-icon to show and hide menu icon
      toggle.classList.toggle("show-icon");
    });
  };
  
  showMenu("nav-toggle", "nav-menu");
  
  /*=============== SHOW DROPDOWN MENU ===============*/
  const dropdownItems = document.querySelectorAll(".dropdown__item");
  
  // 1. Select each dropdown item
  dropdownItems.forEach((item) => {
    const dropdownButton = item.querySelector(".dropdown__button");
  
    // 2. Select each button click
    dropdownButton.addEventListener("click", () => {
      // 7. Select the current show-dropdown class
      const showDropdown = document.querySelector(".show-dropdown");
  
      // 5. Call the toggleItem function
      toggleItem(item);
  
      // 8. Remove the show-dropdown class from other items
      if (showDropdown && showDropdown !== item) {
        toggleItem(showDropdown);
      }
    });
  });
  
  // 3. Create a function to display the dropdown
  const toggleItem = (item) => {
    // 3.1. Select each dropdown content
    const dropdownContainer = item.querySelector(".dropdown__container");
  
    // 6. If the same item contains the show-dropdown class, remove
    if (item.classList.contains("show-dropdown")) {
      dropdownContainer.removeAttribute("style");
      item.classList.remove("show-dropdown");
    } else {
      // 4. Add the maximum height to the dropdown content and add the show-dropdown class
      dropdownContainer.style.height = dropdownContainer.scrollHeight + "px";
      item.classList.add("show-dropdown");
    }
  };
  
  /*=============== DELETE DROPDOWN STYLES ===============*/
  const mediaQuery = matchMedia("(min-width: 1118px)"),
    dropdownContainer = document.querySelectorAll(".dropdown__container");
  
  // Function to remove dropdown styles in mobile mode when browser resizes
  const removeStyle = () => {
    // Validate if the media query reaches 1118px
    if (mediaQuery.matches) {
      // Remove the dropdown container height style
      dropdownContainer.forEach((e) => {
        e.removeAttribute("style");
      });
  
      // Remove the show-dropdown class from dropdown item
      dropdownItems.forEach((e) => {
        e.classList.remove("show-dropdown");
      });
    }
  };
  
  addEventListener("resize", removeStyle);