Streaming live at 10am (PST)

How to Create A Vertical Accordion


#1

I really like the dropdown in this WordPress theme and I want to get something similar in my Webflow site. I tried to do it by adding a dropdown and adding a p in the droplist but I couldn't get the result I wanted.

Dropdowns at the right side, starting with "Why Biz?"
http://wedesignthemes.com/veda/biz/about/


#2

@esezen, the element you are talking about isn't a mega menu, it's a vertical accordion.

See how I made it in Webflow: Page called: Accordion - Vertical
https://preview.webflow.com/preview/components-and-elements?preview=42820f926ae44c2377441cc90d07eadd

Live site: http://components-and-elements.webflow.io/w3-elements/accordion-vertical

You can see a breakdown of how it's done here:
https://www.w3schools.com/howto/howto_js_accordion.asp

Hope this is what you are looking for.

Good luck,
Anna K


#3

Hello Anna, thanks a lot for your quick answer. I cannot see the first link, it is redirecting me to 404. Second link is exactly what I wanted. And also thanks for the code explanation.


#4

Welcome @esezen

I fixed the preview link, too.

Good Luck


#5

I just completed creating the accordion on my page. I can't thank you enough.

Have great day


#6

So glad to help :blush:

Eager to see the final website! Don't forget to share it under show and tell once you're done.

Best of luck,
Anna K


#7

This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.