I have create an allergens page on my site so that customers can select their dietary requirements which then displays the items on the menu that are suitable. The page that I’m working on is titled ‘ALLERGENS’. I have already put the page together. The issue I have is when two or more ingredients in the list are selected .i.e. Peanuts and Nuts. If both are selected and one is then deselected it triggers all the items on the menu to display again. However, the menu items should remain ghosted because the other the ingredient is still selected.
Here is my site Read-Only: https://preview.webflow.com/preview/patty-bun?utm_medium=preview_link&utm_source=designer&utm_content=patty-bun&preview=be9e8de2cab2117265e9b770fdb650e1&pageId=5d8f5806d12b5b07b58a68f1&mode=preview
(how to share your site Read-Only link)