Interaction is not consistent in diffrent pages

Hi There,
I have some issue with some interaction that I created on a side bar (About, Restaurants, Menu) when you click on each there is a slide that moves out or in as expected. Since this is a side menu I have decided to create a symbol that I can use in diffrent pages (ex Restaurant page). However the outcome is not what I expect, the interaction does not seem to be working in the page that I paste the symbole, sometimes it works and sometimes it does not. I have also copied the same Menu instead of symbole but still does work. is it a bug or something that I am missing.

Here is a video link to view the bug:
https://www.useloom.com/share/204bf8cf03864fda90a9fc405f45543d

Here is my public share link:
https://preview.webflow.com/preview/mofuku?utm_source=mofuku&preview=88be3f47c11d41c84096e16f7053bb26&fbclid=IwAR28KrA3X5SE8eQEHHKE31csq-27ISNzV42ixDhSHaDOgqA_AjQLvj6KdVM

What exactly is not working for you? A screen recording of a problem would be nice.

Hi I have updated the video explaining the issue. Thanks