Click text to expand - my solution...

User 2818159 Photo


Registered User
60 posts

I wanted a "click to expand" without using a button, just with text for a "FAQ" page. I followed the examples here (https://foundation.zurb.com/sites/docs/accordion.html) and figured out how to make VD3 created the needed code. The "Advanced Options" in the link above are added under the "Elements" tab, "Attributes".

If there's an easier way built into VD3 and I missed it please let me know!

My "component" is attached. Hopefully it's helpful to someone out there, I know I'll use it a lot on my site.
Attachments:
User 122279 Photo


Senior Advisor
14,646 posts

Well done!
I've also got an accordion in my sharing folder. The code comes from W3schools.com: https://eikweb.com/sharing/zf-accordion/index.html. I chose that code when I created it, because it can be used for Bootstrap and Vanilla too.
Ha en riktig god dag!
Inger, Norway

My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com



Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.