Made in Webflow

Accordion with Rich Text + Images

site profile thumbnail


Accordion with Rich Text + Images ✨ 〰️〰️〰️〰️〰️〰️〰️〰️〰️〰️〰️〰️〰️〰️〰️〰️〰️ I recently encountered a hiccup when wanting to use the Webflow tabs element and connecting it to a CMS collection that had a rich text field. The tabs element doesn't allow rich text to be placed in the tabs link, so this little guy was born. Some quick notes: - This uses JavaScript so if you change the classes, make sure to update the code in the page settings - The arrows pull through from Font Awesome – the colour and arrow can be updated in the page settings - Dogs make pretty cute beauty product models Happy cloning 🙂 〰️〰️〰️〰️〰️〰️〰️〰️〰️〰️〰️〰️〰️〰️〰️〰️〰️ This is adapted from the "Perfect Accordion" cloneable from GraphicOwls.
Feeling inspired?If this Made In Webflow site sparked some inspo, why not get started on a project of your own? Clone a site, purchase a template or start building from scratch.

We miss comments too!

Right now, Made in Webflow doesn't offer all of the same functionality that Showcase did, like the ability to leave comments. But don't worry: We're working to bring comments back as soon as possible!

As always, we'd love to hear your feedback! Click the link below to take a short survey about Made in Webflow.

accordionrichtexttabsjavascriptclientfirstaccordion tabrichtextelementrich-textrich

More by Holy Moly Creative Studio

See profile
View details
Holy Moly Creative Studio (Old site)