Рет қаралды 635
Hello everyone! In today's guide, I'll walk you through the process of creating a dynamic accordion in Webflow with CMS collections. Not only that, but we'll also dive into some advanced JavaScript functionalities that enhance user experience.
🕐 TABLE OF CONTENTS:
00:00 Intro
00:44 Project overview
01:06 Basic setup CMS
09:00 Styling accordion
11:49 Interactions accordion
16:05 Adding images
20:41 Interactions images
23:00 JS - open first card on page load
24:50 JS - resize images based on Viewport width
From having one card open by default to ensuring cards auto-close when another is clicked, to resizing absolute positioned images - we're covering it all! If you're keen on mastering accordions in Webflow with a sprinkle of advanced JavaScript, this tutorial is for you.
🔔 Found this helpful? Give a thumbs up, share, and don't forget to subscribe for more Webflow insights!