Own dropdown: problem 'if item is clicked' reset to 1x click not possible?

Hello I try to make my own dropdown
When clicked the arrow’dog-foot-icon’ should need to turn
If clicked 2x it turns back

But when an item is clicked => should to be removed with opacity

What do I do wrong?
I also want a dropdown for an othe page to sections in that page…
but how is it possible that they can not move to an other page if clicked?

Thanks to help me

my project ‘geschiedenis’
//preview./preview/rossebuurten?utm_medium=preview_link&utm_source=designer&utm_content=rossebuurten&preview=7b05b4fb18401abb278db6454113d692&mode=preview

I made 3 symbols for each menu with dropdown…
maybe somebody has a better idea to hide a menu that points to the wrong section-items.

I don’t know what this means ‘override’ in a symbol… ??
can somebody explain this in a video for me
Thanks
Karel


I fixed only the going back to normal state by hover-out…