Accordion with Rich Text + Images

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.