Hide and replace blocks on click interaction?

I have a drop down menu with many options (displaying different categories of items). I then made each category in it’s own block (the items), so when you click the menu option, it displays that block and hides all the rest.

I have three drop down menus, for a total of ~75 options. The way I’m building it now, I’m using a click action interaction to show the desired block, and hide the 74 other blocks. But to do this, I would have to set up 74 interactions for each of the 75 options.

I’m thinking there’s got to be an easier way to do this. Any suggestions?

Here’s a link. Scroll down and click to see the drop down menus. Right now I have only finished the “District” drop down. (It’s quite convoluted! Learning as I go!)

http://eat-here-taipei.webflow.io/

https://preview.webflow.com/preview/eat-here-taipei?preview=9607eff5470792600a4ffa46ee6f35ee

Thanks!

This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.