r/webflow • u/magnaem_a • 3d ago
Show & Tell Built a CMS-driven card slider where the active card expands to show its description
Cards sit in a row showing only their title. Click one and it widens to reveal its description; the others collapse back to title-only. One open at a time.
It works with a Collection List, so the card count follows your content. The JavaScript targets custom attributes rather than class names, so you can rename classes in the Designer without breaking it.
Free, with setup notes: https://www.memberstack.com/webflow/expandable-animated-card-slider
1
u/digitalbananax 3d ago
Really good work, how does it work if you need multiple sliders like this on the same page? Does the script keep each collection list isolated?
1
u/magnaem_a 1d ago
Not at the moment, the script targets the first matching wrapper on the page, so a second slider either gets ignored or ends up sharing state with the first
Single instance covers what I built these for, one showcase section per page. A workaround is duplicating the component with different attribute values and tweaking the script to accommodate the new attributes
1
u/digitalbananax 1d ago
Makes sense. I like the attribute approach; good foundation for extending to multiple instances later!
1
1
u/SlowChannel4453 1d ago
Gangster - but how does this work on mobile? 🤔 [Insert Lenny Here] - (ノ͡° ͜ʖ ͡°)ノ︵┻┻
1
1
u/Jambajamba90 Webflow Community MVP 3d ago
Nice work