Please help - maintain selected tab on page load

Dear beloved Webflow community,

I’m currently creating series of CMS pages to create user help guide which I want to filter using tabs. My primary tabs divide the help guide into either hardware or software, and nested within these are collection lists with buttons linking to their respective help topic.

The problem I face is that when a user selects, for example, the ‘Hardware’ tab and then the nested ‘PC Setup’ button, the user is directed to the ‘PC Setup’ content page and the ‘hardware’ tab resets and no longer shows as selected. I would like to show that the user is in the ‘Hardware’ section of the help and ideally on the ‘PC setup’ section too by highlighting the tabs and buttons above.

Maybe using some sort of JS but I’m not sure?

Any help is much appreciated…thank you

Wills


Read only link
https://preview.webflow.com/preview/345holdings?utm_medium=preview_link&utm_source=designer&utm_content=345holdings&preview=aecd6f215f356c603f2732ee95c589b6&pageId=5ec4d12499142f9ed4b403ec&itemId=5ec4d2b931d671add248cc4a&mode=preview

You’d definitely need to use some kind of custom code for this but I’d suggest hiring someone in the freelance category.

Thanks, I figured it out without code using two overlaying collection items (filtered differently) and conditional visibilitiy :slight_smile: