Update templates/menu.html

templates/menu.html

@@ -362,37 +362,31 @@
             let sections = document.querySelectorAll('.menu-section'); // Select all sections
             let items = document.querySelectorAll('.menu-card'); // Select all items
 
-            // Hide all sections initially
-            sections.forEach(section => {
-                section.style.display = 'none';
-            });
-
-            // Hide all items initially
-            items.forEach(item => {
-                item.style.display = 'none';
-            });
-
             let matchedSections = new Set(); // Store matched sections
 
-            // Show items that match the search query
+            // Hide all items initially
             items.forEach(item => {
                 let itemName = item.querySelector('.card-title').innerText.toLowerCase();
                 let itemSection = item.closest('.menu-section')?.querySelector('h3')?.innerText.toLowerCase();
 
-                // If item name or section name matches the search query, show it
                 if (itemName.includes(input) || (itemSection && itemSection.includes(input))) {
-                    item.style.display = 'block';
-                    matchedSections.add(item.closest('.menu-section')); // Store the section
+                    item.style.display = 'block';  // Show item if it matches search
+                    matchedSections.add(item.closest('.menu-section')); // Add section to matched list
+                } else {
+                    item.style.display = 'none'; // Hide item if not matched
                 }
             });
 
-            // Show matched sections
-            matchedSections.forEach(section => {
-                section.style.display = 'block';
+            // Show or hide sections based on matched items
+            sections.forEach(section => {
+                if (matchedSections.has(section)) {
+                    section.style.display = 'block';
+                } else {
+                    section.style.display = 'none';
+                }
             });
         }
 
-
         function addToCartFromModal() {
             const itemName = document.getElementById('modal-name').innerText; // Get item name
             const itemPrice = parseFloat(document.getElementById('modal-price').innerText.replace('$', '')); // Get item price