Custom code help with closing tab drop down when clicking tab link

Design help Animations & Interactions
#1

Hi Webflow community! I am fairly new and have a question regarding the code needed to close a tabs dropdown menu when one of the tabs links is clicked. I know currently that the tab widget doesn’t close upon clicking a tab and I am struggling to add the correct code. I am only looking to implement this on both mobile views.

Any help is welcome and thank you in advance!

Below is my shared link:
https://preview.webflow.com/preview/sd-option?utm_medium=preview_link&utm_source=designer&utm_content=sd-option&preview=7ad73dd3f36484bf7815bb9820e64698&pageId=5d58379c83100b298c010d88&mode=preview

#2

Hi @ewareham. You’re in my old neighborhood :wave:!

Remove the first tab hide in the second click. Maybe this video helps.

CloudApp

Let me know if this does the trick or not.

#3

Hi @webdev, hello from Detroit! :wave: Thanks for the video, however I am trying to get the drop down menu to hide when a user clicks on one of the tab links (ex: featured or commercial). I know currently webflow doesn’t have that feature in the widget and from what I have been reading it requires some custom code…

Let me know if you have any additional thoughts, but thank you for the video and I will simplify my animation like you showed!