Update templates/menu.html

templates/menu.html

@@ -859,19 +859,34 @@ function toggleVegItems() {
     const vegItemsContainer = document.getElementById('vegItemsContainer');
     const menuTitle = document.getElementById('menuTitle');
     
+    // Assuming you have an array of menu items or you are rendering them dynamically
+    const menuItems = [...allItemsContainer.querySelectorAll('.menu-card')]; // Get all menu items
+
     if (isVegOnly) {
         // Show only Veg items
         vegItemsContainer.style.display = 'block';
         allItemsContainer.style.display = 'none';
         menuTitle.style.display = 'none';  // Hide the "Menu" title
+
+        // Hide non-veg items
+        menuItems.forEach(item => {
+            const isVeg = item.getAttribute('data-category') === 'Veg'; // Check if the item is 'Veg'
+            item.style.display = isVeg ? 'block' : 'none'; // Show Veg items, hide others
+        });
     } else {
         // Show all items
         vegItemsContainer.style.display = 'none';
         allItemsContainer.style.display = 'block';
         menuTitle.style.display = 'block';  // Show the "Menu" title
+
+        // Show all items
+        menuItems.forEach(item => {
+            item.style.display = 'block';  // Show all items
+        });
     }
 }
 
+
 // Function to render Veg items
 function renderVegItems(menuItems) {
     const vegItemsContainer = document.getElementById('vegItemsContainer');