Here is my site Read-Only: LINK
I’ve copied a template by eye and I’m trying to setup a resources page with a side nav under tab sections, I’ve linked the nav menu to the topics and the content to the items but I’d like to be able to either hide/show the item content when the nav menu item is selected OR in-page linking to jump to the rich text collection item. Please help me 
Hi there,
There are two ways to handle Collection-based content linking:
For direct linking to Collection items, add a Collection list to your page and set up your links using the purple Collection page option in the link settings. This will automatically create links to the corresponding Collection pages for each item.
If you need to show or hide elements based on specific conditions within your Collections, you can utilize conditional visibility settings. This feature allows you to control when elements appear based on various Collection item properties.
Hopefully this helps! If you still need assistance, please reply here so somebody from the community can help.
I have linked them up to the ‘current collection page’ but it’s coming up with an error and seems not to be working properly. For conditional visibility I can’t work out how to set this up with a collection item/list
Hey Toni, if I understand correctly-
And you’re wanting to navigate to the right item by clicking that left nav.
Your approach is good, but Webflow doesn’t have a way to dynamically generate those hashlinks.
Try this-
Then use SA5 Dynamic Attributes to create that left link.
Add the SA5 HTML lib here-
Quick Start | SA5 HTML | SA5 | Sygnal Attributes | Designed for Webflow
Then I think you need two custom attributes directly on your left-side nav link;
x:href and bind the value to the collection item slug also
x:href:pre and set that to a value of simply #
That should create your left nav with slug-based anchor links like #adding-a-new-site-by-duplicating-an-existing-site.
Docs;
Dynamic Attributes | SA5 | Sygnal Attributes | Designed for Webflow
That’s amazing thank you so much!!
Easiest way is exactly that,bind each content wrapper’s ID to the slug, then point your side-nav links to #slug. Had to do this for a CMS-driven FAQ recently and it worked smoothly once the IDs matched the slugs.
Yeah it works perfectly, is there a way to show and hide or will that be more complicated? This solution is great for now but just wondering about scrolling nav menu and mobile responsiveness (that’s on me haha)
It’s possible but you’d need to do some JS coding for that.
Basically you’d hide all of the info panels and then on a left-nav click you’d hide all and find & show just the one clicked.
I’d probably still use the same ID setup, just design some runtime-only CSS and the JS logic for the hide and show.
It’s a straightforward feature, try using e.g. chatGPT to help you with the setup if you’re not a JS dev. Otherwise if you need some help drop me a DM here, I build things like this often for clients.
You’re really close to making it work! The easiest way is to use in-page links (anchor tags) so clicking a menu item scrolls to the right section. If you want to hide/show content instead, you’ll need a bit of custom JavaScript to toggle it when a menu item is clicked.
